.gallery{

    padding:120px 0;

    background:#fff;

}

.gallery-layout{

    display:grid;

    grid-template-columns:2fr 1fr;

    grid-template-rows:260px 260px 140px;

    gap:22px;

    margin-top:60px;

}

.gallery-main{

    grid-row:1/3;

    position:relative;

    overflow:hidden;

    border-radius:22px;

}

.gallery-side,

.gallery-bottom{

    position:relative;

    overflow:hidden;

    border-radius:22px;

}

.gallery-bottom{

    height:140px;

}

.gallery img{

    width:100%;

    height:100%;

    object-fit:cover;

    transition:.5s;

}

.gallery a:hover img{

    transform:scale(1.08);

}

.gallery-overlay{

    position:absolute;

    inset:0;

    display:flex;

    flex-direction:column;

    justify-content:flex-end;

    padding:35px;

    background:linear-gradient(
        transparent,
        rgba(18,53,90,.88)
    );

}

.gallery-overlay h3{

    color:#fff;

    margin-bottom:8px;

}

.gallery-overlay span{

    color:#fff;

    opacity:.85;

}

.gallery-action{

    display:flex;

    align-items:center;

    justify-content:center;

    border:2px dashed rgba(18,53,90,.15);

    border-radius:22px;

}

@media(max-width:900px){

    .gallery-layout{

        grid-template-columns:1fr;

        grid-template-rows:auto;

    }

    .gallery-main{

        grid-row:auto;

        height:340px;

    }

    .gallery-side,

    .gallery-bottom{

        height:220px;

    }

}