<section class="c-promo-area">
    <ul class="c-promo-area__list">
        <li class="c-promo-area__item">
            <img src="https://via.placeholder.com/580x380" class="c-promo-area__media" srcset="https://via.placeholder.com/580x380, https://via.placeholder.com/1160x760 2x" role="presentation">
            <a href="#" class="c-promo-area__link">
                <span class="c-promo-area__text">Lorem, ipsum dolor sit amet, consectetur adipisicing elit.</span>
            </a>
        </li>
        <li class="c-promo-area__item">
            <iframe title="Offblast!" class="c-promo-area__media" allow="accelerometer; encrypted-media; gyroscope; picture-in-picture" src="https://www.youtube.com/embed/MNyG-xu-7SQ" frameborder="0"></iframe>
        </li>
        <li class="c-promo-area__item">
            <img src="https://via.placeholder.com/580x380" class="c-promo-area__media c-promo-area__media--image" srcset="https://via.placeholder.com/580x380, https://via.placeholder.com/1160x760 2x" role="presentation">
            <a href="#" class="c-promo-area__link">
                <span class="c-promo-area__text">Quod repellat libero maxime culpa ducimus ea fuga, consectet…</span>
            </a>
        </li>
    </ul>
</section>