HTML picture element
<picture> element allows you to display different pictures for different devices or screen sizes.
<picture> element contains one or more
<source> elements, each referring to different images through the srcset attribute. This way the browser can choose the image that best fits the current view and/or device.
<source> element has a media attribute that defines when the image is the most suitable.