.caption-media-grid {
    @media (max-width: 749px) {
        padding-block: var(--mobile-padding-block-start) var(--mobile-padding-block-end);
    }
}

.caption-media-grid__cards {
    grid-column: 2;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--caption-media-grid-gap, 20px);

    @media (max-width: 749px) {
        grid-template-columns: 1fr;
        gap: var(--caption-media-grid-gap-mobile, 16px);

        .caption-media--half {
            grid-column: 1 / -1;
        }
    }
}