/**
 * WooCommerce Single Product Image Gallery Grid (WPTPG)
 */
.woocommerce .product-gallery-grid {
    float: left;
    width: 100%;
}

.woocommerce .product-gallery-grid-row {
   display: flex;
   flex-direction: row;
}

.woocommerce div.product div.images.product-gallery-grid a {
   display: block;
}

.woocommerce div.product div.images.product-gallery-grid img {
   display: block;
   object-fit: cover;
   height: 10em; /* This is the height of your images */
}
.zoom {
  background-position: 50% 50%;
  position: relative;
  overflow: hidden;
  cursor: zoom-in;
}
.zoom img:hover {
  opacity: 0;
}
.zoom img {
  transition: opacity 0.5s;
  display: block;
  width: 100%;
}

@media(min-width: 768px) {
   .woocommerce div.product div.images.product-gallery-grid img {
      height: 15em; /* This is the height of your images */
   }
}