.text-image__inner {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 4rem;
}

.text-image__text {
    max-width: 47rem;
}

@media screen and (max-width: 767.9px) {
    .text-image__inner {
        display: flex;
        flex-direction: column;
    }

    .text-image__col:has(.text-image__image) {
        order: -1;
    }
}

@media screen and (max-width: 575.9px) {
    .text-image__image {
        aspect-ratio: 343/388;
    }
}