<picture> component contains zero or more
<source> component and a
<img> component that offers alternative images for different device and view-port situations.
<picture> element is most useful and effective in responsive web design where the image can adjust its view depending on the size of the device.
<picture> element uses zero or more
<source> as an alternative source for the image and uses a
<img> element as the last child of the
<picture> element, as a fallback option if none of the source tags match.