.headline-text-btns-2-imgs .img-container {
    aspect-ratio: 517/676;
}

/* imgs-left */
.headline-text-btns-2-imgs.imgs-left .img-1 {
    grid-area: 1/3/span 4/span 3;
    margin-right: max(16px, 1.5625vw);
}

.headline-text-btns-2-imgs.imgs-left .img-2 {
    grid-area: 1/6/span 4/span 3;
    margin-top: max(32px, 3.125vw);
    margin-right: max(16px, 1.5625vw);
}

.headline-text-btns-2-imgs.imgs-left .headline {
    grid-area: 1/9/1/span 5;
}

.headline-text-btns-2-imgs.imgs-left .text-container {
	grid-area: 2/9/2/span 5;
	max-width: 40ch;
}

.headline-text-btns-2-imgs.imgs-left .btns-container {
    grid-area: 3/9/3/span 5;
}

.headline-text-btns-2-imgs.imgs-left .bg-img {
    grid-area: 4/11/4/span 3;
    bottom: calc(var(--m-large) * -1)
}

/* imgs right */
.headline-text-btns-2-imgs.imgs-right .headline {
    grid-area: 1/3/1/span 3;
}

.headline-text-btns-2-imgs.imgs-right .text-container {
    grid-area: 2/3/2/span 3;
}

.headline-text-btns-2-imgs.imgs-right .btns-container {
    grid-area: 4/3/4/span 3;
}

.headline-text-btns-2-imgs.imgs-right .img-1 {
    grid-area: 1/7/span 4/span 3;
}

.headline-text-btns-2-imgs.imgs-right .img-2 {
    grid-area: 1/10/span 4/span 3;
    margin-top: max(32px, 3.125vw);
}

@media (max-width: 1299.98px) {
    /* imgs right */
    .headline-text-btns-2-imgs.imgs-right .headline {
        grid-area: 1/2/1/span 4;
    }

    .headline-text-btns-2-imgs.imgs-right .text-container {
        grid-area: 2/2/2/span 4;
    }

    .headline-text-btns-2-imgs.imgs-right .btns-container {
        grid-area: 4/2/4/span 4;
    }

    .headline-text-btns-2-imgs.imgs-right .img-1 {
        grid-area: 1/6/span 4/span 4;
    }

    .headline-text-btns-2-imgs.imgs-right .img-2 {
        grid-area: 1/10/span 4/span 4;
    }
}

@media (max-width: 991.98px) {
    /* imgs left */
    .headline-text-btns-2-imgs.imgs-left .img-1 {
        grid-area: 1/2/span 4/span 3;
        margin-right: 0;
    }

    .headline-text-btns-2-imgs.imgs-left .img-2 {
        grid-area: 1/5/span 4/span 3;
        margin-right: 0;
    }

    .headline-text-btns-2-imgs.imgs-left .headline {
        grid-area: 1/8/1/span 6;
    }

    .headline-text-btns-2-imgs.imgs-left .text-container {
        grid-area: 2/8/2/span 6;
    }

    .headline-text-btns-2-imgs.imgs-left .btns-container {
        grid-area: 3/8/3/span 6;
    }

    /* imgs right */
    .headline-text-btns-2-imgs.imgs-right .headline {
        grid-area: 1/4/1/span 8;
    }

    .headline-text-btns-2-imgs.imgs-right .text-container {
        grid-area: 2/4/2/span 8;
    }

    .headline-text-btns-2-imgs.imgs-right .btns-container {
        grid-area: 3/4/3/span 8;
        margin-bottom: var(--m-medium);
    }

    .headline-text-btns-2-imgs.imgs-right .img-1 {
        grid-area: 4/1/4/span 7;
    }

    .headline-text-btns-2-imgs.imgs-right .img-2 {
        grid-area: 4/8/4/span 7;
    }
}

@media (max-width: 767.98px) {
    /* imgs right */
    .headline-text-btns-2-imgs.imgs-right .headline {
        grid-area: 1/3/1/span 10;
    }

    .headline-text-btns-2-imgs.imgs-right .text-container {
        grid-area: 2/3/2/span 10;
    }

    .headline-text-btns-2-imgs.imgs-right .btns-container {
        grid-area: 3/3/3/span 10;
    }

    /* img left */
    .headline-text-btns-2-imgs.imgs-left .headline {
        grid-area: 1/3/1/span 10;
        text-align: center;
    }

    .headline-text-btns-2-imgs.imgs-left .text-container {
        grid-area: 2/3/2/span 10;
        text-align: center;
    }

    .headline-text-btns-2-imgs.imgs-left .btns-container {
        grid-area: 3/3/3/span 10;
        margin-bottom: var(--m-small);
        justify-self: center;
    }

    .headline-text-btns-2-imgs.imgs-left .img-1 {
        grid-area: 4/3/4/span 5;
        z-index: 1;
    }

    .headline-text-btns-2-imgs.imgs-left .img-2 {
        grid-area: 4/8/4/span 5;
        z-index: 1;
    }

    .headline-text-btns-2-imgs.imgs-left .bg-img {
        grid-area: 5/4/5/span 10;
        width: 100%;
        max-width: max(256px,20vw);
        justify-self: center;
        position: relative;
        border: 0;
        height: fit-content;
        margin-top: -20vw;
    }
}

@media (max-width: 575.98px) {
    /* img left */
    .headline-text-btns-2-imgs.imgs-left .headline {
        grid-area: 1/2/1/span 12;
    }

    .headline-text-btns-2-imgs.imgs-left .text-container {
        grid-area: 2/2/2/span 12;
    }

    .headline-text-btns-2-imgs.imgs-left .btns-container {
        grid-area: 3/2/3/span 12;
    }

    .headline-text-btns-2-imgs.imgs-left .img-1 {
        grid-area: 4/2/4/span 6;
    }

    .headline-text-btns-2-imgs.imgs-left .img-2 {
        grid-area: 4/8/4/span 6;
    }

    /* imgs right */
    .headline-text-btns-2-imgs.imgs-right {
        text-align: center;
        padding: 0;
    }
    
    .headline-text-btns-2-imgs.imgs-right .img-1 {
        grid-area: 1/1/1/span 14;
        aspect-ratio: 375/437;
    }

    .headline-text-btns-2-imgs.imgs-right .headline {
        grid-area: 2/2/2/span 12;
        margin-top: var(--m-medium);
    }

    .headline-text-btns-2-imgs.imgs-right .text-container {
        grid-area: 3/2/3/span 12;
    }

    .headline-text-btns-2-imgs.imgs-right .btns-container {
        grid-area: 4/2/4/span 12;
        justify-self: center;
    }

    .headline-text-btns-2-imgs.imgs-right .img-2 {
        grid-area: 5/1/5/span 14;
        aspect-ratio: 375/437;
    }
}