The <picture>
element allows you to define multiple image sources for different screen conditions. It is useful for responsive images.
Example:
<picture>
<source srcset="image-large.jpg" media="(min-width: 800px)">
<source srcset="image-small.jpg" media="(max-width: 799px)">
<img src="fallback.jpg" alt="Responsive Image">
</picture>