.product-mediafile {
  position: relative;
  overflow: hidden;
  width: 100%; // Adjust based on your layout
  height: inherit; // Adjust based on your layout    
}
.product-mediafile-image {
  width: 100%;
  height: inherit;
  transition: opacity 0.3s ease;
  object-fit: cover;
}

.product-mediafile-wrapper {
  width: 100%;
  height: inherit;
}