/* [1] The container */

.img-hover-zoom {
  height: 460px;
  overflow: hidden;
}

/* [2] Transition property for smooth transformation of images */

.img-hover-zoom {
  transition: transform .9s ease;
}

/* [3] Finally, transforming the image when container gets hovered */

.img-hover-zoom:hover {
  transform: scale(1.45);
}

@media (min-width: 576px) {
  .zoom-on-hover:hover .image {
    transition: transform .9s ease;
  }
}