<div class="flex flex_row:lg flex_column">
    <div class="flex_none:lg self_center self_start:lg"><img src="https://picsum.photos/260/240" alt="" class="w_100 max-w_25:lg"></div>
    <div class="flex_auto p-x_5:lg p-y_4 p-y_0:lg ">
    <main class="reading-typography">
            <h3 class="">Lorem ipsum dolor sit amet consectetur adipisicing elit. Eius vitae ex minus voluptas, debitis consequuntur, voluptatem, ad nostrum quod eum pariatur natus? Aspernatur repellendus a sapiente iure quibusdam molestias nulla?</h3>
            <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Eius vitae ex minus voluptas, debitis consequuntur, voluptatem, ad nostrum quod eum pariatur natus? Aspernatur repellendus a sapiente iure quibusdam molestias nulla?</p>
            <p>Dolorem quo eos quibusdam illo eveniet. Eius repellendus totam nam atque aut dicta molestias et. Molestiae nobis rerum possimus voluptatem non. Natus soluta aliquam occaecati libero blanditiis sed sed non. Aut asperiores enim ut mollitia. Ea aliquam exercitationem consectetur temporibus laudantium harum voluptatem.Blanditiis sapiente accusantium in dolorem adipisci. Quibusdam nihil voluptates tempora. Itaque nihil iste nulla assumenda velit nam et corporis dolorem. Illo ea officia quibusdam harum. At quisquam ullam nam. Fugiat et debitis.</p>
        </main>
        <footer>
            <a href="https://www.acc.org/-/media/Non-Clinical/Files-PDFs-Excel-MS-Word-etc/Meetings/2021/Agendas/NYCVS-2021-Agenda.pdf?la=en&amp;hash=07D2FBA41852DA1B120569EAE9D96E8EEBB9F6B5&amp;_ga=2.39127523.1324976227.1642517088-301418094.1638216724" class="btn br_radius max-w_30 m_auto m-b_3 block shadow_overlap-light btn-primary c_white h:undecorated" target="_blank">Download Agenda</a>
        </footer>
    </div>
</div>