.image{position:relative;overflow:hidden;cursor:crosshair;-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}.image,.image img{width:100%;height:100%}.image img{position:absolute;-webkit-transform:scale(var(--zoom,1));transform:scale(var(--zoom,1));-webkit-transform-origin:var(--x) var(--y);transform-origin:var(--x) var(--y)}.image:hover{--zoom:3}.v-window__next{right:0}.v-window__next .v-btn:hover,.v-window__prev .v-btn:hover{background:none}#img-zoomer-box{height:auto;position:relative}#img-1{width:100%;height:auto}#img-zoomer-box:active,#img-zoomer-box:hover{cursor:-webkit-zoom-in;cursor:zoom-in;display:block}#img-zoomer-box:active #img-2,#img-zoomer-box:hover #img-2{opacity:1}#img-2{width:340px;height:340px;background:url(https://www.codehim.com/demo/zoom-image-on-mouseover-using-javascript/img/photo.avif) no-repeat #fff;-webkit-box-shadow:0 5px 10px -2px rgba(0,0,0,.3);box-shadow:0 5px 10px -2px rgba(0,0,0,.3);pointer-events:none;position:absolute;opacity:0;border:4px solid #f5f5f5;z-index:99;border-radius:100%;display:block;-webkit-transition:opacity .2s;transition:opacity .2s}.zoom-container{height:100%;position:relative}.zoom-image{width:100%;height:100%}.zoom-lens{width:100px;height:100px;position:absolute;top:0;left:0;background-color:hsla(0,0%,100%,.6)}.zoom-result{position:absolute;left:calc(100% + 50px);top:0;width:100%;height:390px;background-repeat:no-repeat}