.img-hover-zoom {
  height: 300px; 
  overflow: hidden;
  border: 1px solid #000;
}
.img-hover-zoom img {
  transition: transform .5s ease;
  border:0px solid #000;
}

/* Point-zoom  */
.img-hover-zoom--point-zoom img {
  transform-origin: 50% 60%;
  transition: transform .5s, filter .25s ease-out;
}
.img-hover-zoom--point-zoom2 img {
  transform-origin: 0% 80%;
  transition: transform .5s, filter .25s ease-out;
}
.img-hover-zoom--point-zoom3 img {
  transform-origin: 50% 80%;
  transition: transform .5s, filter .25s ease-out;
}

/* Quick-zoom */
.img-hover-zoom--quick-zoom img {
  transform-origin: 0 0;
  transition: transform .25s, visibility .25s ease-in;
}

.img-hover-zoom:hover img, .img-hover-zoom--point-zoom:hover img, .img-hover-zoom--point-zoom2:hover img, .img-hover-zoom--point-zoom3:hover img, .img-hover-zoom--quick-zoom:hover img   {
  transform: scale(1.34);
}

/* Zoom-n-rotate */
.img-hover-zoom--zoom-n-rotate img {
  transform-origin: 50% 20%;
  transition: transform .5s ease-in-out;
}
.img-hover-zoom--zoom-n-rotate:hover img {
  transform: scale(1.25) rotate(5deg);
}