.textmedia--10 .component__content {
    display: grid;
    grid-template-columns: subgrid;
    gap: 2rem 0;
}

.textmedia--10 .textmedia__text {
}

.textmedia--10 .textmedia__text > * + * {
    margin-block-start: 1em;
}

.textmedia--10 .textmedia__media,
.textmedia--10 .textmedia__text {
    grid-column: 1/-1;
}

.textmedia--10 .textmedia__image {
    width: 100%;
    aspect-ratio: 4 / 3;
    object-fit: cover;
}

@media (min-width: 992px) {
    .textmedia--10 {
        grid-column: 2 / 8;
        margin-inline-end: 2.5rem;
    }
    .textmedia--10 > * {
        grid-column: 1 / -1;
    }
    .textmedia--10 .component__content {
        gap: 4rem 0;
    }
}