.gallery-area .row {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(var(--bs-gutter-y) * -1);
    margin-right: calc(var(--bs-gutter-x) * -.5);
    margin-left: calc(var(--bs-gutter-x) * -.5);
}
.gallery-area .row>* {
    flex-shrink: 0;
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
    margin-top: var(--bs-gutter-y);
}
.gallery-item{border-radius:15px;position:relative;margin-bottom:25px}
.gallery-item::before{content:'';position:absolute;top:0;left:0;height:auto;width:100%;z-index:1;opacity:0;border-radius:15px;background:rgba(0,0,0,.6);transition:all .5s ease-in-out}
.gallery-item:hover::before{opacity:1}
.gallery-item img{border-radius:15px}
.gallery-item .popup-img{position:absolute;width:60px;height:60px;line-height:60px;border-radius:50px;background:#003087;color:#fff;text-align:center;left:50%;top:50%;z-index:1;opacity:0;transform:translate(-50%,-50%)}
.gallery-item:hover .popup-img{opacity:1}