What is the picture element in HTML? How is it used?

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>