.zoom-container {
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
}

.zoom-container.is-zoomed {
  opacity: 1;
}

.zoom-container .zoom-wrapper {
  display: none;
}
.zoom-container.is-zoomed .zoom-wrapper {
  background-position: center;
  background-repeat: no-repeat;
  background-size: auto 150%;
  display: block;
  height: 100%;
}