#cta-warmup {
    display: grid;
    grid-template-columns: repeat(var(--grid-columns), minmax(0, 1fr));
    gap: var(--grid-gap);
    align-items: start;

    .section-sticky {
        grid-column: span 4;
    }

    .section-sticky-content {
        display: flex;
        flex-direction: column;
        align-items: start;
        gap: var(--space-sm);
    }

    .cta-warmup-media {
        grid-column: 5 / -1;

        @media (max-width: 64rem) {
            grid-column: 1 / -1;
        }
        
        h2 {
            /* align-self: end; */
        }
        
        img {
            display: block;
            width: 100%;
            height: 100%;

            @media (max-width: 64rem) {
                border-radius: var(--space-xs);
            }

        }
    }

    @media (max-width: 48rem) {
        .section-sticky,
        .cta-warmup-media {
            grid-column: 1 / -1;
        }
    }

}