<picture>
The HTML <picture>
element contains zero or more <source>
elements and one <img>
element to provide versions of an image for different display/device scenarios. The browser will consider each child <source>
element and choose the best match among them; if no matches are found, the URL of the <img>
element's src attribute is selected. The selected image is then presented in the space occupied by the <img>
element.
https://developer.mozilla.org/en/docs/Web/HTML/Element/picture