Story Image Credits
This pattern contains:
atoms-story-image
HTML
<figure>
<span data-picture data-alt="This is a bridge.">
<span data-src="../../images/story-image-sm.jpg"></span>
<span data-src="../../images/story-image-med.jpg" data-media="(min-width: 33.75em)"></span>
<span data-src="../../images/story-image.jpg" data-media="(min-width: 60em)"></span>
<!-- Fallback content for non-JS browsers. Same img src as the initial, unqualified source element. -->
<noscript>
<img src="../../images/story-image-sm.jpg" alt="This is a bridge.">
</noscript>
</span> <figcaption class="lc">
<small>Image courtesy of <a href="#">wikimedia commons</a></small>
</figcaption>
</figure>