GOOD

Images

Story (one image)

<div class="images n1">
  <figure>
    <div class="image">
      <img src="http://images-4.good.is/albums/crop?image_url=http%3A%2F%2Fs3.amazonaws.com%2Fproduction.calumet.good.is%2Fimages%2Fattachments%2F000%2F584%2F453%2Foriginal%2FIMG_8827.JPG&amp;geometry=1000x1000%3E" alt="" />
    </div>
  </figure>
</div>

Story (two images)

<div class="images n2">
  <figure>
    <div class="image">
      <span style="background-image: url(http://images-4.good.is/albums/crop?image_url=http%3A%2F%2Fs3.amazonaws.com%2Fproduction.calumet.good.is%2Fimages%2Fattachments%2F000%2F584%2F453%2Foriginal%2FIMG_8827.JPG&amp;geometry=1000x1000%3E)"></span>
    </div>
  </figure>
  <figure>
    <div class="image">
      <span style="background-image: url(http://images-4.good.is/albums/crop?image_url=http%3A%2F%2Fs3.amazonaws.com%2Fproduction.calumet.good.is%2Fimages%2Fattachments%2F000%2F584%2F454%2Foriginal%2FIMG_8823.JPG&amp;geometry=1000x1000%3E)"></span>
    </div>
  </figure>
</div>

Story (three images)

<div class="images n3">
  <figure>
    <div class="image">
      <span style="background-image: url(http://images-4.good.is/albums/crop?image_url=http%3A%2F%2Fs3.amazonaws.com%2Fproduction.calumet.good.is%2Fimages%2Fattachments%2F000%2F584%2F453%2Foriginal%2FIMG_8827.JPG&amp;geometry=1000x1000%3E)"></span>
    </div>
  </figure>
  <figure>
    <div class="image">
      <span style="background-image: url(http://images-4.good.is/albums/crop?image_url=http%3A%2F%2Fs3.amazonaws.com%2Fproduction.calumet.good.is%2Fimages%2Fattachments%2F000%2F584%2F454%2Foriginal%2FIMG_8823.JPG&amp;geometry=1000x1000%3E)"></span>
    </div>
  </figure>
  <figure>
    <div class="image">
      <span style="background-image: url(http://images-1.good.is/albums/crop?image_url=http%3A%2F%2Fs3.amazonaws.com%2Fproduction.calumet.good.is%2Fimages%2Fattachments%2F000%2F584%2F455%2Foriginal%2Fphoto.JPG&amp;geometry=1000x1000%3E)"></span>
    </div>
  </figure>
</div>