.welo-mosaique__container {
    margin-top: -135px;
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    grid-template-rows: repeat(10, 125px);
    row-gap: 60px;
}

.welo-mosaique__figure {
    margin: 0;
    border-radius: 30px;
    overflow: hidden;
}

.welo-mosaique__figure--1 {
    grid-column: 2 / 7;
    grid-row: 1 / 5;
}

.welo-mosaique__figure--2 {
    grid-column: 1 / 5;
    grid-row: 5 / 7;
}

.welo-mosaique__figure--3 {
    grid-column: 2 / 6;
    grid-row: 7 / 10;
}

.welo-mosaique__figure--4 {
    grid-column: 1 / 5;
    grid-row: 8 / 12;
}

.welo-mosaique__img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.c-events__container>.uagb-columns__inner-wrap>div:first-of-type {
    padding-bottom: 200px;
}

@media screen and (max-width: 1300px) {
    :is(.welo-mosaique__figure--1, .welo-mosaique__figure--2, .welo-mosaique__figure--3, .welo-mosaique__figure--4) {
        grid-column: 1 / 7;
    }

    .welo-mosaique__figure--1 {
        grid-row: 1 / 4;
    }

    .welo-mosaique__figure--2 {
        grid-row: 4 / 6;
    }

    .welo-mosaique__figure--3 {
        grid-row: 6 / 8;
    }

    .welo-mosaique__figure--4 {
        grid-row: 8 / 12;
    }
}

@media screen and (max-width: 950px) {
    .c-events__container>.uagb-columns__inner-wrap {
        flex-direction: column;
    }

    .c-events__container>.uagb-columns__inner-wrap>div {
        width: 100% !important;
        margin: 0 !important;
    }

    .c-events__container>.uagb-columns__inner-wrap>div:first-of-type {
        padding-bottom: 175px;
    }

    .c-events__container>.uagb-columns__inner-wrap .max-width--30 {
        max-width: initial
    }

    .welo-mosaique__figure--1 {
        grid-row: 1 / 5;
    }

    .welo-mosaique__figure--2 {
        grid-row: 5 / 7;
    }

    .welo-mosaique__figure--3 {
        grid-row: 7 / 10;
        grid-column: 1 / 3;
    }

    .welo-mosaique__figure--4 {
        grid-row: 7 / 10;
        grid-column: 4 / 7;
    }
}

@media screen and (max-width: 768px) {
    .welo-mosaique__figure--1 {
        grid-row: 1 / 4;
    }

    .welo-mosaique__figure--2 {
        grid-row: 4 / 6;
    }

    .welo-mosaique__figure--3 {
        grid-row: 6 / 9;
        grid-column: 1 / 7;
    }

    .welo-mosaique__figure--4 {
        grid-row: 9 / 12;
        grid-column: 1 / 7;
    }
}