.styble-gallery {
    gap: 20px;
    align-items: flex-start;
    a {
        text-decoration: none !important;
    }
    &-item{
        transition: 0.3s;
        &-img{
            width: 100%;
            transition: 0.3s;
            &::after {
                transition: .3s;
                z-index: 9;
            }
            img {
                display: block;
            }
        }
        &-lightbox-icon{
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            color: #fff;
            z-index: 99;
            opacity: 0;
            visibility: hidden;
            transition: .3s;
        }
        &-img:hover .styble-gallery-item-lightbox-icon{
            opacity: 1;
            visibility: visible;
        }
        &-caption,
        &-title{
            font-size: 15px;
            text-align: center;
            display: block;
        }
    }
    &-position {
        position: relative;
        &:hover .styble-gallery-item-lightbox-icon{
            opacity: 1;
            visibility: visible;
        }
        .styble-gallery-item-info {
            position: absolute;
            max-height: 50%;
            width: 100%;
            overflow: scroll;
            background: #d5d5d570;
            color: #fff;
            z-index: 9;
        }
        .styble-gallery-item-info.top {
            top: 0px;
        }
        .styble-gallery-item-info.middle {
            top: 50%;
            transform: translateY(-50%);
        }
        .styble-gallery-item-info.bottom {
            bottom: 0px;
        }
    }
}