## `picture` element

- Lists alternative “source” elements and conditions
- Different orientations (e.g. landscape or portrait) as well as image format types

### `picture`

    <picture>
      	<source srcset="images/harvard-yard-landscape.jpg"
      			media="(min-width: 800px)">
      	<img src="images/harvard-yard-portrait.jpg" alt="Harvard Yard" />
      </picture>

- Demo of picture with different aspect ratios
- Demo of picture with different image formats