Featured content is another way to - you guessed correctly - feature content.

This version offers a bold background image, master code overlay, eyebrow text, title, and call to action link.

Sample Image

<section class="featured-content featured-content--article-alt">
    <div class="container">
        <div class="featured-content-item" style="visibility: visible;">
            <a href="#" class="d-block">
                <div class="row">
                    <div class="col-12 col-lg-5 col-xl-5 order-2 order-lg-1">
                        <div class="featured-content-item__eyebrow">
                            Featured Article
                        </div>
                        <div class="featured-content-item__title heading-3">The Right Performance Targets Motivate Executives, and the Right Tools Make that Possible</div>
                        <span class="arrow-link">
                            Read the Article
                            <span class="material-symbols-outlined">arrow_right_alt</span>
                        </span>
                    </div>
                    <div class="col-12 col-lg-7 col-xl-7 order-1 order-lg-2">
                        <div class="featured-content-item__image-container">
                            <div class="featured-content-item__animation-container">
                                <img src="/images/featured-article.jpg" class="featured-content-item__image" alt="">
                            </div>
                        </div>
                    </div>
                </div>
            </a>
        </div>
    </div>
</section>