.mosaique {
    .mosaique_list {
        display: flex;
        flex-wrap: wrap;
        gap: 35px;

        @media (max-width: 991px) {
            display: grid;
            grid-template-columns: 1fr 1fr;
        }

        @media (max-width: 500px) {
            grid-template-columns: 1fr;
        }
    }

    .mosaique_item {
        flex: 1;
        gap: 15px;
        display: flex;
        flex-direction: column-reverse;

        @media (min-width: 1200px) {
            max-height: 720px;

            .mosaique_media {
                max-height: 100%;
                overflow: hidden;
            }

            .mosaique_media img {
                height: 100%;
                width: 100%;
                object-fit: cover;
            }
        }

        @media (max-width: 600px) {
            width: 100%;
        }

        @media (min-width: 601px) {
            &:nth-child(odd) {
                flex-direction: column;
            }

            &:nth-child(even) {
                flex-direction: column-reverse;
            }
        }


        .mosaique_para {
            background-color: rgba(255,255,255,0.15);
            box-shadow: 0 0 24px rgba(0, 0, 0, 0.08);
            padding: 30px 30px 10px 30px;
            border-radius: 8px;

            ul {
                padding-left: 1rem !important;
            }
        }

        .mosaique_media {
            width: 100%;
            height: 100%;
            max-height: 100%;
            
            @media (max-width: 500px) {
                height: 300px;
            }

            img {
                border-radius: 8px;
                height: 100%;
                width: 100%;
                object-fit: cover;
            }
        }
    }
}
.mosaique.c_white{
    .mosaique_item {


        .mosaique_para {
            background: var(--white);

        }
    }
}