.viewable:hover {
  cursor: pointer;
}

#gallery-bg {
  visibility: hidden;
  opacity: 0;
  background-color: #000000aa;

  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;

  z-index: 9999;
  transition: 0.15s ease;
  overflow: hidden;

  display: flex;
}
#gallery-bg.present {
  opacity: 1;
  visibility: visible;
}
#gallery-bg:hover {
  cursor: pointer; 
}

#gallery-img {
  position: absolute;
  left: 50%;
  top: 50%;

  transform-origin: center center;
  transform: translate(-50%, -50%);

  image-rendering: auto;

  width: auto;
  height: auto;

  max-width: 70Vw;
  max-height: 70vh;

  cursor: grab;
  object-fit: contain;
  user-select: none;
}
.nearest {
  image-rendering: pixelated !important;
  image-rendering: crisp-edges !important;
}