.medium-zoom {
  &-overlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
    transition: opacity 300ms;
    will-change: opacity;
    z-index: 99;
  }

  &--open {
    overflow: hidden;

    .medium-zoom-overlay {
      cursor: pointer;
      cursor: zoom-out;
      opacity: 1;
    }
  }

  &-image {
    cursor: pointer;
    cursor: zoom-in;
    transition: all 300ms;

    &--open {
      position: relative;
      z-index: 999;
      cursor: pointer;
      cursor: zoom-out;
      will-change: transform;
    }
  }
}