﻿.block__text {
}

    .block__text h2,
    .block__textandimage h2 {
        margin-bottom: 5rem;
    }

.block__textandimage img {
    aspect-ratio: 1/1;
}

.block__textandimage .container:has(>.col + .col) {
    gap: calc(var(--padding-grid) * 3);
}

.block__textandimage .richtext p {
    text-wrap: pretty;
}

@media(min-width: 1024px) {
    .block__textandimage--fillimage .textandimage__image {
        position: relative;
    }

        .block__textandimage--fillimage .textandimage__image img {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: calc(100% - 1rem);
            transform: translateY(.75rem);
            aspect-ratio: unset;
        }

    .block__textandimage--mirror .textandimage__text {
        order: 1;
    }

    .block__textandimage--mirror .textandimage__image {
        order: 0;
    }
}
