.gallery-section{

    background:#f8fbff;

}

.gallery-item{

    position:relative;

    overflow:hidden;

    border-radius:18px;

    cursor:pointer;

    box-shadow:0 20px 45px rgba(0,0,0,.08);

}

.gallery-item img{

    width:100%;

    height:300px;

    object-fit:cover;

    transition:.6s;

}

.gallery-overlay{

    position:absolute;

    inset:0;

    background:linear-gradient(to top,
                rgba(13,43,115,.92),
                rgba(13,43,115,.20));

    display:flex;

    flex-direction:column;

    justify-content:flex-end;

    align-items:center;

    padding:30px;

    opacity:0;

    transition:.45s;

}

.gallery-overlay span{

    color:#fff;

    font-size:22px;

    font-weight:700;

    margin-bottom:18px;

    transform:translateY(20px);

    transition:.45s;

}

.gallery-overlay a{

    width:65px;

    height:65px;

    border-radius:50%;

    background:#F4B400;

    color:#0D2B73;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:24px;

    text-decoration:none;

    transform:scale(.5);

    transition:.4s;

}

.gallery-item:hover img{

    transform:scale(1.12) rotate(2deg);

}

.gallery-item:hover .gallery-overlay{

    opacity:1;

}

.gallery-item:hover .gallery-overlay span{

    transform:translateY(0);

}

.gallery-item:hover .gallery-overlay a{

    transform:scale(1);

}