@layer components {
    .marketing-testimonial-grid {
            column-gap: 1.25rem;
            columns: 1;
            margin-top: 1.5rem;
        }

    .marketing-testimonial-grid__item {
            break-inside: avoid;
            display: inline-block;
            padding-bottom: 1.25rem;
            width: 100%;
        }

    @media (min-width: 40rem) {
        .marketing-testimonial-grid {
                    columns: 2;
                }
    }

    @media (min-width: 64rem) {
        .marketing-testimonial-grid {
                    columns: 3;
                }
    }
}