.imageHoverContainer {
  position: relative;
  width: 500px;
  height: 500px;
  overflow: hidden;
}
@media (max-width: 640px) {
  .imageHoverContainer {
    width: 300px;
    height: 300px;
  }
}
@media (max-width: 1024px) {
  .imageHoverContainer {
    padding: 20px;
  }
}

.imageHover {
  position: absolute;
  width: 100%;
  height: 100%;
  /* -o-object-fit: cover; */
  /* object-fit: cover; */
  transform: scale(var(--zoom, 1));
  transform-origin: var(--x) var(--y);
  transition: transform(0.5s ease);
}

/* image zoom */
.imageHover:hover {
  --zoom: 2;
}