.text-img .grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: var(--spacing-large);
    row-gap: var(--spacing-medium);
}

@media (max-width: 960px) {
    .text-img .grid {
        grid-template-columns: 1fr;
    }

    .text-img .section-content {
        max-width: 40rem;
    }
}

.text-img .grid .content {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.text-img .grid .image img {
    aspect-ratio: 4 / 3;
    border-radius: var(--border-radius-default);
}

.text-img.reverse-order .grid .content {
    order: 2;
}

@media (max-width: 960px) {
    .text-img .grid .image img {
        aspect-ratio: 2 / 1;
    }

    .text-img .grid .content {
        order: 2;
    }
}