h1{
    font-size: 3vw;
    text-align: center;
    color: var(--light-blue);
}
.gallery-section{
    height: max-content;
    margin-bottom:5vw;
}
.gallery{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1vw;
    width: 100%;
}

.gallery>div{
    height: 22vw;
    overflow: hidden;
    border-radius: 2vw;
}

.gallery>div>img{
    width:39vw;
    height: auto;
    cursor: pointer;
    object-fit:contain;
    transition: 0.55s;
}

.gallery>div>img:hover{
    filter: brightness(1.1) saturate(1.1);
    transform: scale(1.1);
    transition: 0.55s;
}

@media (max-width:996px){
    h1{
        font-size: 8vw;
    }
    .gallery{
        grid-template-columns: 1fr;
        gap: 3vw;
    }
    .gallery>div{
        height: 55vw;
        overflow: hidden;
        border-radius: 4vw;
    }
    .gallery>div>img{
        width:89vw;
        height: auto;
    }
}