Images & Video

Standard Images

  <img src="..." alt="...">

    <div class="image-contained">
      <img src="..." alt="...">
    </div>

A caption for the image

    <figure class="figure">
      <img src="..." alt="...">
      <figcaption>A caption for the image</figcaption>
    </figure>

A caption for the image

    <figure class="figure figure--reversed">
      <img src="..." alt="...">
      <figcaption>A caption for the image</figcaption>
    </figure>

Video content should be wrapped inside an image-contained element.

  <div class="image-contained">
    <iframe src="..." frameborder="0" allowfullscreen></iframe>
  </div>