swiper/modules/zoom-element.css

Most modern mobile touch slider and framework with hardware accelerated transitions

.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
::slotted(.swiper-slide-zoomed) {
  cursor: move;
  touch-action: none;
}