.slide {
  background-size: cover;
  background-position: center;
  cursor: zoom-in;
  transition: transform 0.4s ease, z-index 0.4s;
  position: relative;
}

.slide.zoomed {
  transform: scale(1.8);
  z-index: 999;
  cursor: zoom-out;
}


#lightbox{
  position:fixed;
  inset:0;
  background:rgba(0,0,0,0.9);
  display:none;
  align-items:center;
  justify-content:center;
  flex-direction:column;
  z-index:9999;
}

#lightbox img{
 /* max-width:90%;
  max-height:80%;*/
  box-shadow:0 0 20px black;
}

#closeBtn{
  position:absolute;
  top:20px;
  right:35px;
  font-size:40px;
  color:white;
  cursor:pointer;
}

#prevBtn,#nextBtn{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  font-size:50px;
  color:white;
  cursor:pointer;
  padding:10px;
}

#prevBtn{ left:20px; }
#nextBtn{ right:20px; }

#caption{
  color:white;
  margin-top:15px;
}



#lightbox img{
  width: 90vw;
  height: 85vh;
  object-fit: contain;
  transition: transform .3s ease;
  cursor: zoom-in;
}


#lightbox img.zoomed{
  transform: scale(2);
  cursor: zoom-out;
}