<!--Change the browser window width to see the image change.-->
<picture>
<source srcset="/media/cc0-images/Wave_and_Surfer--240x200.jpg"
media="(min-width: 800px)">
<img src="/media/cc0-images/Painted_Hand--298x332.jpg">
</picture>
footer {
font-size: .8rem;
position: absolute;
bottom: 10px;
right: 10px;
}
.output {
background: #eee;
position: relative;
}