#galleryOverlay{

    position:fixed;

    inset:0;

    width:100vw;

    height:100vh;

        background:rgba(5,8,22,.88);

    display:none;

    justify-content:center;

    align-items:center;

    z-index:999999;

}

#galleryOverlay.active{

    display:flex;

}

#galleryImage{

    max-width:90vw;

    max-height:85vh;

    object-fit:contain;

    border-radius:16px;

    box-shadow:0 25px 60px rgba(0,0,0,.6);

}

#closeGallery{

    position:absolute;

    top:25px;

    right:35px;

    font-size:48px;

    color:#fff;

    cursor:pointer;

    z-index:1000001;

}

#prevImage,
#nextImage{

    position:absolute;

    top:50%;

    transform:translateY(-50%);

    width:60px;

    height:60px;

    border:none;

    border-radius:50%;

    background:rgba(255,255,255,.15);

    color:#fff;

    font-size:28px;

    cursor:pointer;

    transition:.3s;

}

#prevImage{

    left:30px;

}

#nextImage{

    right:30px;

}

#prevImage:hover,
#nextImage:hover{

    background:var(--primary);

}

#imageCounter{

    position:absolute;

    bottom:30px;

    left:50%;

    transform:translateX(-50%);

    color:#fff;

    background:rgba(255,255,255,.12);

    padding:10px 20px;

    border-radius:999px;

    font-size:15px;

}