/* LILLA ARTS — mosaico real de 3 fotos da Home
   [ foto principal ] [ foto superior ]
   [ foto principal ] [ foto inferior ] */

#sobre.about-block .about-images-v2{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
    grid-template-rows:1fr !important;
    width:100% !important;
    height:765px !important;
    min-width:0 !important;
    min-height:0 !important;
    overflow:hidden !important;
}

#sobre .about-images-v2 .about-photo-main{
    grid-column:1 !important;
    grid-row:1 !important;
}

#sobre .about-images-v2 .about-photo-stack{
    grid-column:2 !important;
    grid-row:1 !important;
    display:grid !important;
    grid-template-rows:minmax(0,1fr) minmax(0,1fr) !important;
    width:100% !important;
    height:100% !important;
    min-width:0 !important;
    min-height:0 !important;
    overflow:hidden !important;
}

#sobre .about-images-v2 .about-photo{
    position:relative !important;
    width:100% !important;
    height:100% !important;
    min-width:0 !important;
    min-height:0 !important;
    overflow:hidden !important;
    margin:0 !important;
    padding:0 !important;
}

#sobre .about-images-v2 .about-photo img{
    position:absolute !important;
    inset:0 !important;
    display:block !important;
    width:100% !important;
    height:100% !important;
    max-width:none !important;
    max-height:none !important;
    min-width:0 !important;
    min-height:0 !important;
    object-fit:cover !important;
    object-position:center center !important;
    margin:0 !important;
    padding:0 !important;
}

/* Dá um pouco mais de enquadramento vertical para retratos */
#sobre .about-images-v2 .about-photo-main img{
    object-position:center 35% !important;
}
#sobre .about-images-v2 .about-photo-top img,
#sobre .about-images-v2 .about-photo-bottom img{
    object-position:center center !important;
}

/* Mantém as 3 fotos também no celular, como no modelo enviado */
@media(max-width:760px){
    #sobre.about-block .about-images-v2{
        height:520px !important;
        grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
    }
}
@media(max-width:480px){
    #sobre.about-block .about-images-v2{
        height:430px !important;
    }
}