Hero: Adaptive Video

<section class="tcu-hero _video">
    <div class="tcu-hero__image">
        <div class="image-flair"></div>
        <div class=" tcu-video">
            <div id="video-1145674131" data-video-id="1145674131" data-video-portrait="1145674131" data-video-landscape="1145674142" data-video-responsive="true" data-video-background="true">
            </div>
            <button aria-live="polite" class="_pause"><span aria-hidden="true">❚❚</span> Pause</button>
        </div>
    </div>
    <div class="tcu-hero__divider"></div>
    <div class="tcu-hero__content">
        <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>Teachers in the United States rate their lives better than any other position besides physicians.</p>
            <div class="button-group">

                <a href="https://addran.tcu.edu/stories/posts/mindfulness-meditation.php" class="button ">
                    Get Started
                </a>
            </div>
        </div>

    </div>
</section>