.at-textImage__wrapper {
    display: flex;
    flex-direction: column;
    gap: var(--gutterLarge);
}

.at-textImage__title {
    font-size: var(--h3Size);
    color: var(--primaryColor500);
}

.at-textImage__image {
    display: block;
    width: 100%;
    order: -1;
}

@media (min-width: 375px) {
    .at-textImage__wrapper {
        display: grid;
        grid-template-columns: 2fr 1fr;
    }

    .at-textImage__image {
        order: initial;
    }

    .at-textImage--imgLeft .at-textImage__wrapper {
        grid-template-columns: 1fr 2fr;
    }

    .at-textImage--imgLeft .at-textImage__image {
        grid-row: 2/-1;
    }
}