# Media
Source: https://iriscss.com/documentation/elements/media/
Images, video, audio, iframes and SVG scale down to fit their container.
## Images
Images never grow wider than their container and keep their aspect ratio. The alt text of an image that fails to load shows in italics.
```html
```
## Figure
A `figcaption` sits under the media in the subtle text color.
```html
The Iris CSS logo.
```
## Iframe
An iframe without `width` or `height` fills the width at 16:9. Embedded videos need no wrapper.
```html
```
## Audio and video
`audio` fills the width. `video` scales like an image, and captions from a `track` use the page font.
```html
```
## SVG
An inline SVG without a `fill` takes the text color.
```html
```
## Figure
A `figcaption` sits under the media in the subtle text color.
```html