Grid Gallery Item

<figure class="tcu-grid-gallery__item">
    <button type="button" class="tcu-grid-gallery__trigger" data-gallery-src="https://www.tcu.edu/_resources/images/about-hero.jpg">

        <picture>
            <source media="(min-width: 768px)" srcset="https://www.tcu.edu/_resources/images/about-hero.jpg" />
            <img class="tcu-grid-gallery__media" loading="lazy" src="https://www.tcu.edu/_resources/images/about-hero-small.jpg" alt="TCU students walking in front of TCU sign" />
        </picture>

    </button>

    <figcaption class="tcu-grid-gallery__caption">Students love walking in campus</figcaption>
</figure>