.bl-gallery {
    column-count: 4;
    column-gap: 20px;
}
.bl-gallery-item {
    display: inline-block;
    text-align: center;
    vertical-align: top;
    width: 100%;
    margin-bottom:20px;
}
.bl-gallery-item-img {
    width:100%;
}
.bl-gallery-item-wrap {
    position:relative;
}
.bl-gallery-item-hover {
    opacity:0;
    position:absolute;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    background-color: #cdbe1d63;
    justify-content: center;
    align-items: center;
    transition: all 0.5s ease-in-out;
}
.bl-gallery-item-wrap:hover .bl-gallery-item-hover {
    display: flex;
    opacity:1;
}
.bl-gallery-item-wrap:hover .bl-gallery-item-text {
    display: block;
}
.bl-gallery-item-text {
    display:none;
    text-align:center;
    color:white;
}
@media (max-width:767px) {
    .bl-gallery {
        column-count: 2;
    }
}