#zoom-overlay {
  height: 100vh;
  width: 100vw;
  position: fixed;
  top: 0;
  visibility: hidden;
  background: rgba(0, 0, 0, 0.5);
  z-index: 20;
}
#zoom-overlay .zoomed-object {
  height: auto;
  width: auto;
  max-width: 100%;
  max-height: 100%;
  background-color: white;
}
#zoom-overlay .close {
  width: 50px;
  height: 50px;
  position: fixed;
  right: 16px;
  top: 16px;
  z-index: 21;
}
#zoom-overlay .close img {
  filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(1545%) hue-rotate(216deg) brightness(103%) contrast(74%);
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
#zoom-overlay .close:hover {
  cursor: pointer;
}
@media screen and (min-width: 1350px) {
  #zoom-overlay {
    height: 100vh;
    width: 100vw;
    position: fixed;
    top: 0;
    visibility: hidden;
    background: rgba(0, 0, 0, 0.5);
    z-index: 20;
  }
  #zoom-overlay .zoomed-object {
    height: 100%;
    width: auto;
    background-color: white;
  }
  #zoom-overlay .close {
    width: 50px;
    height: 50px;
    position: fixed;
    right: 16px;
    top: 16px;
    z-index: 21;
  }
  #zoom-overlay .close img {
    filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(1545%) hue-rotate(216deg) brightness(103%) contrast(74%);
  }
  #zoom-overlay .close:hover {
    cursor: pointer;
  }
}