.gallery-section{
background:#f8fbff;
}

.gallery-card{
position:relative;
overflow:hidden;
border-radius:18px;
cursor:pointer;
}

.gallery-card img{
width:100%;
height:260px;
object-fit:cover;
transition:.5s;
}

.gallery-overlay{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background:linear-gradient(180deg,rgba(0,123,255,.2),rgba(0,0,0,.6));
display:flex;
align-items:center;
justify-content:center;
opacity:0;
transition:.4s;
}

.gallery-overlay i{
color:white;
font-size:38px;
background:#007bff;
width:70px;
height:70px;
display:flex;
align-items:center;
justify-content:center;
border-radius:50%;
}

.gallery-card:hover img{
transform:scale(1.12);
}

.gallery-card:hover .gallery-overlay{
opacity:1;
}