title: How can I make a container that contains different sized images fit together while maintaining the container shape?
body: <p>Ive been working on a site for a makeup artist and i wanted to make the picture layout like this: <a href="http://www.jasoncgriffin.com/photos/" rel="nofollow noreferrer">http://www.jasoncgriffin.com/photos/</a></p>
  
  <p>How would I go about doing that? I've googled and researched a lot to try and get that result but I've settled for kind of hacking the background image on top of the image itself.</p>