<carousel>
  <figure class="active">
    <img alt="Stock photo" src="{ holder(16 * 40,9 * 40) }">
    <figcaption>Image 1</figcaption>
  </figure> 

  <!-- this image is not seen until set active -->
  <figure>
    <img alt="Stock photo" src="{ holder(16 * 40,9 * 40) }">
    <figcaption>Image 2</figcaption>
  </figure> 
  <prev><Icon name="arrow-left" size="48" /></prev>
  <next><Icon name="arrow-right" size="48" /></next>
</carousel>