#lightbox{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,.95);
    z-index:99999;

    display:none;
    justify-content:center;
    align-items:center;
}

#lightbox.active{
    display:flex;
}

#lightbox-image{
    max-width:95%;
    max-height:90%;
    border-radius:10px;
}

.close-btn{
    position:absolute;
    top:20px;
    right:25px;
    color:#fff;
    font-size:45px;
    cursor:pointer;
}

.prev-btn,
.next-btn{
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    background:rgba(255,255,255,.2);
    border:none;
    color:#fff;
    font-size:40px;
    width:55px;
    height:55px;
    border-radius:50%;
    cursor:pointer;
}

.prev-btn{
    left:15px;
}

.next-btn{
    right:15px;
}

#counter{
    position:absolute;
    bottom:20px;
    color:#fff;
    font-size:18px;
}

.gallery-img{
    cursor:pointer;
}