Homepage Highlights Section

<div class="music-highlights">
    <div class="music-highlights__container">
        <div class="music-highlights__features">
            {% for feature in highlights.features %}
                <div class="music-highlights__feature" data-sal="slide-up" data-sal-delay="100" data-sal-easing="ease-in-out" data-sal-duration="700">
                    <div class="music-highlights__feature-info">
                        <h2 class="music-highlights__feature-title">{{ feature.title }}</h2>
                        <div class="music-highlights__feature-subtitle">{{ feature.subtitle }}</div>
                        <div class="music-highlights__cta">
                            {% include 'bits/standard-button/standard-button.twig' with {
                                button: {
                                    type: 'primary',
                                    icon: 'right-chevron',
                                    text: feature.cta.text,
                                    url: feature.cta.url,
                                }
                            } %}
                        </div>
                    </div>
                    <div class="music-highlights__feature-image">
                        <picture class="music-highlights__image">
                            <source
                                srcset="{{ feature.image.src|towebp|resize(648,432) }}"
                                type="image/webp"
                            >
                            <img class="image__image" loading="lazy" src="{{ feature.image.src|tojpg|resize(648,432) }}" alt="{{ feature.image.altText | escape }}" width="648" height="432">
                        </picture>
                    </div>
                </div>
            {% endfor %}
        </div>
    </div>
</div>