/* Settings for 2 Rows-Gallery with TeaserImage  - start */
.container-teaser-1-cols_2 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto;
    gap: 0px 0px;
    grid-template-areas:
    "img1 img1"
    "img1 img1"
    "img2 img3";

}

.container-teaser-1-cols_2
{
    .img1 { grid-area: img1; }
    .img2 { grid-area: img2; }
    .img3 { grid-area: img3; }
}
/* Settings for 2 Rows-Gallery with TeaserImage  - end */

/* Settings for 3 Rows-Gallery with TeaserImage  - start */
.container-teaser-1-cols_3 {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: auto;
    gap: 0px 0px;
    grid-auto-flow: row;
    grid-template-areas:
    "img1 img1 img2"
    "img1 img1 img3"
    "img4 img5 img6"
    ". . .";
}

.container-teaser-1-cols_3
{
    .img1 { grid-area: img1; }
    .img2 { grid-area: img2; }
    .img3 { grid-area: img3; }
    .img4 { grid-area: img4; }
    .img5 { grid-area: img5; }
    .img6 { grid-area: img6; }
}

/* Settings for 3 Rows-Gallery with TeaserImage  - end */



/* Settings for 4 Rows-Gallery with TeaserImage  - start */
.container-teaser-1-cols_4 {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-template-rows: auto;
    gap: 0px 0px;
    grid-template-areas:
    "img1 img1 img1 img2"
    "img1 img1 img1 img3"
    "img1 img1 img1 img4"
    "img5 img6 img7 img8";
    ". . .";
}

.container-teaser-1-cols_4
{
    .img1 { grid-area: img1; }
    .img2 { grid-area: img2; }
    .img3 { grid-area: img3; }
    .img4 { grid-area: img4; }
    .img5 { grid-area: img5; }
    .img6 { grid-area: img6; }
    .img7 { grid-area: img7; }
    .img8 { grid-area: img8; }
}

/* Settings for 4 Rows-Gallery with TeaserImage  - end */