Hero: Department Hero

<section class="tcu-hero _department-hero">
    <div class="tcu-hero__image">
        <div class="image-flair"></div>
        <picture>
            <source media="(min-width: 1024px)" srcset="https://assets.tcu.edu/cornerstone/images/hero-desktop-1800x600.jpg" />
            <source media="(min-width: 768px)" srcset="https://assets.tcu.edu/cornerstone/images/hero-tablet-768x883.jpg" />
            <img src="https://assets.tcu.edu/cornerstone/images/hero-mobile-400x460.jpg" alt="" />
        </picture>
    </div>
    <div class="tcu-hero__divider"></div>
    <div class="tcu-hero__content">
        <h2 class="tcu-hammerhead">
            <a href="/">College Name</a>
        </h2>
        <h1 class="tcu-hero__header">
            <a href="/">admission & financial aid</a>
        </h1>
        <div class="tcu-hero__description">
            <p class="tcu-hero__statement">
                Do you have the sense of purpose and drive to be a Horned Frog?
            </p>
            <p></p>
            <div class="button-group">
            </div>
        </div>

    </div>
</section>