.it-is-what-it-is-teaser .headline {
    grid-area: 1/2/1/span 12;
}

.it-is-what-it-is-teaser .sub-headline {
    grid-area: 2/2/2/span 12;
    margin-top: max(24px, 3.28125vw);
}

.it-is-what-it-is-teaser .teaser-container {
    grid-area: 3/2/3/span 12;
    grid-template-columns: repeat(4, 1fr);
    grid-column-gap: var(--grid-gap);
    grid-row-gap: var(--m-small);
}

.it-is-what-it-is-teaser .teaser-container .teaser-item .teaser-img {
    overflow: hidden;
}

.it-is-what-it-is-teaser .teaser-container .teaser-item .teaser-img img {
    transition: var(--def-trans);
}

.it-is-what-it-is-teaser .teaser-container .teaser-item:hover .teaser-img img {
    transform: scale(1.1);
}

.it-is-what-it-is-teaser .btns-container {
    grid-area: 4/2/4/span 12;
}

@media (max-width: 767.98px) {
    .it-is-what-it-is-teaser .teaser-container {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 499.98px) {
    .it-is-what-it-is-teaser .teaser-container {
        grid-template-columns: 1fr;
    }
}