/**
* Block Name: teaser
*/


section.teaser .grid {
    display: grid;
    grid-template-rows: auto;
    grid-gap: 30px;
}

section.teaser .grid.twoColumns {
    grid-template-columns: repeat(2, 1fr);
}

section.teaser .grid.threeColumns {
    grid-template-columns: repeat(3, 1fr);
}

section.teaser .grid.twoColumns img.bg_static_cover {
    height: 400px;
    aspect-ratio: 1/1;
    width: auto;
}

section.teaser .grid.threeColumns img.bg_static_cover {
    height: 300px;
    width: auto;
}

section.teaser h4 {
    color: black;
}

@media (max-width:992px) {
    section.teaser .grid.threeColumns {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 767px) {
    section.teaser .grid.twoColumns,
    section.teaser .grid.threeColumns {
        grid-template-columns: 1fr;
        padding-top: 30px;
    }
    section.teaser .grid.twoColumns img.bg_static_cover,
    section.teaser .grid.threeColumns img.bg_static_cover {
        height: auto;
        aspect-ratio: 1/1;
    }
     
}