Images

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 -->