.three-imgs-headline-icon {
    grid-template-rows: auto auto 1fr;
}

.three-imgs-headline-icon .img-1 {
    grid-area: 1/2/span 2/span 3;
    margin-top: var(--m-md);
    width: 85%;
}

.three-imgs-headline-icon .img-1 .img-container {
    aspect-ratio: 476/592;
}

.three-imgs-headline-icon .sticky-container {
    grid-area: 1/2/span 2/span 3;
    justify-self: flex-end;
}

.three-imgs-headline-icon .img-2 {
    grid-area: 1/10/1/span 3;
}

.three-imgs-headline-icon .img-2 .img-container {
    aspect-ratio: 554/406;
}

.three-imgs-headline-icon .headline {
    grid-area: 2/5/2/span 4;
}

.three-imgs-headline-icon .img-3 {
    grid-area: 2/11/span 2/span 4;
    margin-top: var(--m-md);
}

.three-imgs-headline-icon .img-3 .img-container {
    aspect-ratio: 684/446;
}

.three-imgs-headline-icon .icon-container {
    grid-area: 3/5/3/span 4;
    width: 100%;
    max-width: max(128px, 15.234375vw);
}

@media (max-width: 767.98px) {
    .three-imgs-headline-icon .img-1 {
        grid-area: 1/2/span 2/span 5;
    }

    .three-imgs-headline-icon .sticky-container {
        grid-area: 1/4/span 2/span 3;
    }

    .three-imgs-headline-icon .img-2 {
        grid-area: 1/8/1/span 6;
    }

    .three-imgs-headline-icon .headline {
        grid-area: 2/7/2/span 6;
        text-align: center;
    }

    .three-imgs-headline-icon .icon-container {
        grid-area: 3/8/3/span 4;
        justify-self: center;
    }

    .three-imgs-headline-icon .img-3 {
        grid-area: 4/4/4/span 8;
    }
}

@media (max-width: 575.98px) {
    .three-imgs-headline-icon .img-1 {
        grid-area: 1/2/1/span 8;
    }

    .three-imgs-headline-icon .sticky-container {
        grid-area: 1/2/1/span 8;
    }

    .three-imgs-headline-icon .headline {
        grid-area: 3/2/3/span 12;
        justify-self: center;
        margin-top: var(--m-md);
    }

    .three-imgs-headline-icon .icon-container {
        grid-area: 4/2/4/span 12;
    }

    .three-imgs-headline-icon .img-3 {
        grid-area: 5/2/5/span 12;
    }

    .three-imgs-headline-icon .img-2 {
        grid-area: 2/5/2/span 10;
        margin-top: var(--m-sm);
    }
}