.goverlay {
  width: 100%;
  height: calc(100vh + 1px);
  position: fixed;
  top: -1px;
  left: 0;
  background: rgba(0, 0, 0, 0.6); /* Transparent background */
  will-change: opacity;
}

.glightbox-mobile .goverlay {
  background: rgba(0, 0, 0, 0.6); /* Transparent background */
}

.gslide-image img {
  max-width: 50%;
}

@media (min-width: 769px) {
  .gslide-image img {
    max-height: 97vh;
    max-width: 90%;
  }
  .glightbox-clean .gclose:hover,
  .glightbox-clean .gnext:hover,
  .glightbox-clean .gprev:hover {
    background-color: rgb(255 255 255 / 70%);
  }
  .glightbox-clean .gclose,
  .glightbox-clean .gnext,
  .glightbox-clean .gprev {
    border: solid 1px var(--light);
  }
}

.glightbox-mobile .glightbox-container {
  height: 50%;
  margin-top: 50%;
}