#image-viewer{
  position:fixed;
  inset:0;
  background:rgba(0,0,0,.92);
  backdrop-filter:blur(6px);
  display:flex;
  justify-content:center;
  align-items:center;
  opacity:0;
  pointer-events:none;
  transition:.3s;
  z-index:999999;
}

#image-viewer.active{
  opacity:1;
  pointer-events:auto;
}

#viewer-img{
  max-width:90%;
  max-height:85vh;
  border-radius:12px;
  box-shadow:0 30px 80px rgba(0,0,0,.7);
}

#close-image{
  position:fixed;
  top:25px;
  right:25px;
  width:46px;
  height:46px;
  border-radius:50%;
  border:2px solid #FFFFFF;
  color:#FFFFFF;
  background:#000;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:20px;
  cursor:pointer;
}