.textmedia--3 .component__content {
    display: grid;
    grid-template-columns: subgrid;
    grid-column: 1 / -1;
}

.textmedia--3 .component__content {
    position: relative;
    overflow: hidden;
}

.textmedia--3 .component__content::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: auto;
    bottom: 0;
    background-color: var(--clr-primary);
    background-image: var(--clr-gradient-1);
    z-index: -1;
    width: 100%;
}

.textmedia--3 .textmedia__text {
    padding: 2rem;
    text-align: center;
}

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

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

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

@media (max-width: 991px) {
    .textmedia--3 .textmedia__text .button-group {
        justify-content: center;
    }
}

@media (min-width: 992px) {
    .textmedia--3 .component__content::after {
        width: 50%;
    }
    .textmedia--3 .textmedia__media {
        grid-column: 8 / -1;
    }
    .textmedia--3 .textmedia__text {
        grid-column: 2 / 8;
        grid-row: 1;
        place-content: center;
        padding: 0;
        padding-inline-end: 7rem;
        text-align: left;
    }
}