A basic inline image with and without a caption.
Images in Lens use a 16:9 ratio for consistency.
<!-- COMPONENT: Images -->
<section class="course-overview bg-steel-85-light stack-section medium-padding">
<div class="row column">
<div class="flex-wrapper">
<div class="single-item">
<!-- (1) Image with no caption -->
<figure>
<img src="https://farm5.staticflickr.com/4688/27251316529_1c9460751c_o_d.jpg" alt="A student giving a presentation to a group">
</figure>
<!-- (2) Image with caption -->
<figure>
<img src="https://farm5.staticflickr.com/4526/26840726829_8c2a7eb65b_o_d.jpg" alt="A rugby scrum">
<figcaption>An image with a caption</figcaption>
</figure>
</div>
</div>
</div>
</section>
<!-- End component: Images -->