Embed a horizontally-scrolling grid into our website.

Our team is mostly finished with our latest website but there is one page's functionality that we want handled by a professional. We need assistance in implementing a horizontally-scrolling grid similar to the ones offered by the masonry plugin. When attempting to implement a solution ourselves via masonry we had many conflicts with our existing CSS styles. Images of four distinct sizes must be able to fit into the grid layout dynamically. By dynamically I don't refer to server-side code (as we have implemented that ourselves), just that the client-side JavaScript must allow for varying configurations of sizes that will be fetched from the server in production. The four sizes are listed below: 600x600 - Full 600x300 - Half (Landscape) 300x600 - Half (Portrait) 300x296 - Quarter We have attached a sample of what we want to see, but we need it embedded in one of our pages that already includes a general structure styled via CSS. That markup will be provided upon the awarding of the job. Looking forward to the project!