Markup: templates/output/03-patterns/images/rwd-picture.html
<picture>
<source srcset="https://placeholder.in2code.de/1200x675" media="(min-width:960px)"/>
<source srcset="https://placeholder.in2code.de/960x540" media="(min-width:768px)"/>
<source srcset="https://placeholder.in2code.de/960x960?text=quadratisch%20für%20bestimmte%20Bereiche" media="(min-width:640px)"/>
<source srcset="https://placeholder.in2code.de/640x360" media="(min-width:320px)"/>
<source srcset="https://placeholder.in2code.de/320x180" media="(min-width:0)"/><img class="image__default" src="https://placeholder.in2code.de/1200x675" srcset="https://placeholder.in2code.de/1200x675 1200w, https://placeholder.in2code.de/960x540 960w, https://placeholder.in2code.de/640x360 640w, https://placeholder.in2code.de/320x180 320w" alt="Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa." width="1200" height="675"/>
</picture>
Source:
assets/sass/04-elements/_elements.images.scss, line 60