main .cursor-zoom-in {
  background: #fff !important;
  position: relative;
  isolation: isolate;
}

main .cursor-zoom-in img {
  background: #fff !important;
  transform-origin: 50% 50%;
  transition: transform 180ms ease-out;
  will-change: transform;
}

@media (hover: hover) and (pointer: fine) {
  main .cursor-zoom-in:hover img {
    transform: scale(2.15) !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  main .cursor-zoom-in img,
  main .cursor-zoom-in:hover img {
    transform: none !important;
    transition: none;
  }
}