<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

Can I Use <picture>?

Sandbox