.gallery{
    min-height: 80vh;
}
.gallery .h2{
    margin-bottom: 8vmin;
}
.gallery>div:nth-child(2){
    height: 50vh;
}
.gallery>div:nth-child(3){
    min-height: 50vh;
}
.sub-gallery>div{
    height:  calc(25vh - var(--bs-gutter-x)*0.5);
    margin: calc(var(--bs-gutter-x)* 0.5) 0;
}
.gallery img{
    height: 100%;
    width: 100%;
    object-fit: cover;
    border-radius: 10px;
}



@media screen and (min-aspect-ratio: 1/1) {
    .gallery > div:nth-child(2) {
        height: 75vh;
    }

    .gallery > div:nth-child(3) {
        min-height: 75vh;
    }

    .sub-gallery > div {
        height: calc(37.5vh - var(--bs-gutter-x) * 0.5);
    }
}