.text-3-img {
    row-gap: var(--grid-gap);
}

.text-3-img-headline {
    margin-bottom: var(--s-sm);
}

.text-3-img-text-wrapper {
    grid-column: 10 / span 3;
    grid-row: 1 / span 3;
    display: flex;
    flex-direction: column;
    align-items: start;
}

.text-3-img-img-wrapper.img-1 {
    grid-row: 1 / span 2;
    grid-column: 3 / span 3;
    height: 100%;
}

.text-3-img-img-wrapper.img-2 {
    grid-row: 1 / span 1;
    grid-column: 6 / span 3;
    aspect-ratio: 558 / 300;
}

.text-3-img-img-wrapper.img-3 {
    grid-row: 2 / span 1;
    grid-column: 6 / span 3;
    aspect-ratio: 558 / 426;
}


.text-3-img-btn {
    margin-top: var(--s-sm);
}

@media (max-width: 1399.98px) {
    .text-3-img-img-wrapper.img-1 {
        grid-column: 2 / span 3;
    }

    .text-3-img-img-wrapper.img-2,
    .text-3-img-img-wrapper.img-3 {
        grid-column: 5 / span 3;
    }

    .text-3-img-text-wrapper {
        grid-column: 9 / span 5;
    }
}

@media (max-width: 991.98px) {
        .text-3-img-text-wrapper {
        grid-column: 8 / span 6;
        grid-row: 1 / span 1;
    }

    .text-3-img-img-wrapper.img-1 {
        grid-row: 1 / span 1;
        grid-column: 2 / span 6;
        aspect-ratio: 0.8;
        width: 100%;
    }

    .text-3-img-img-wrapper.img-2 {
        grid-row: 2 / span 1;
        grid-column: 2 / span 6;
        aspect-ratio: 558 / 426;
    }

    .text-3-img-img-wrapper.img-3 {
        grid-row: 2 / span 1;
        grid-column: 8 / span 6;
    }
}

@media (max-width: 575.98px) {
    .text-3-img-img-wrapper.img-1,
    .text-3-img-img-wrapper.img-2,
    .text-3-img-img-wrapper.img-3,
    .text-3-img-text-wrapper {
        grid-column: 2 / span 12;
        aspect-ratio: unset;
        grid-row: unset;
    }
}