.mosaic-container{
    display: flex;
    justify-content: center;
    & .mosaic-wrapper{
        display: flex;
        justify-content: space-between;
        width: 100%;
        max-width: 1700px;
        padding: 0 var(--container-space);
        & .mosaic-col{
            display: flex;
            flex-direction: column;
            width: 49.25%;
            gap: 1rem;
            & img{
                border-radius: 20px;
                object-fit: cover;
                &:first-child{
                    height: 300px;
                }
                &:last-child{
                    height: 720px;
                }
            }
            & video{
                border-radius: 20px;
                height: 530px;
                object-fit: cover;
            }
            & .mosaic-text{
                position: relative;
                & .mosaic-signature{
                    position: absolute;
                    bottom: 0;
                    right: 0;
                    transform: translate(-50%, 100%);
                    & img{
                        object-fit: contain;
                        width: 250px;
                        height: 130px;
                    }
                }
            }
            &:nth-child(2){
                & img{
                    display: none;
                }
            }
        }
    }
}
@media (max-width: 576px) { 
    .mosaic-container{
        padding-bottom: 130px;
        & .mosaic-wrapper{
            & .mosaic-col{
                width: 100%;
                &:first-child{
                    display: none;
                }
                & video{
                    height: 330px;
                    display: none;
                }
                & .mosaic-text{
                    position: relative;
                    & .mosaic-signature{
                        left: 0;
                        transform: translate(0,100%);
                        width: 250px;
                    }
                    & p{
                        padding-left: 0!important;
                    }
                }
                &:nth-child(2){
                    & img{
                        display: flex;
                        height: 330px;
                    }
                }
            }
        }
    }
}