.homepage-featured-grid-item{width:22%;float:left;position:relative;margin-bottom:45px}@media only screen and (max-width:767px){.homepage-featured-grid-item{width:48%;float:left;position:relative}}@media only screen and (max-width:767px){.homepage-featured-grid-item{margin-bottom:45px}}.homepage-featured-products-grid--clear{display:inline-block}.homepage-featured-products-grid{padding:0 0 50px}@media only screen and (max-width:767px){.homepage-featured-products-grid{padding:0 0 40px}}.homepage-featured-products-grid .grid__image{margin-bottom:0}@media only screen and (max-width:767px){.homepage-featured-products-grid .grid__image{margin-bottom:0}}.helper-content .homepage-featured-products-grid .grid__image{margin-bottom:15px}.homepage-featured-grid-item--width2{width:48%}@media only screen and (max-width:767px){.homepage-featured-grid-item--width2{width:100%}}.gutter-sizer{width:4%}.homepage-featured-grid-item-details{opacity:0;position:absolute;z-index:10;width:100%;text-align:center;padding-top:20px}@media only screen and (max-width:767px){.homepage-featured-grid-item-details{position:relative;opacity:1}}.homepage-featured-grid-item:hover .homepage-featured-grid-item-details{opacity:1}.homepage-featured-grid-item-details a{color:var(--text-color)}.homepage-featured-grid-item-details .product-grid--price{opacity:1;font-weight:500}

<style>
  .product-image-container {
    position: relative;
    display: block;
    overflow: hidden;
  }
  
  .primary-image {
    opacity: 1;
    transition: opacity 0.3s ease;
  }
  
  .secondary-image {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    transition: opacity 0.3s ease;
  }
  
  .homepage-featured-grid-item:hover .primary-image {
    opacity: 0;
  }
  
  .homepage-featured-grid-item:hover .secondary-image {
    opacity: 1;
  }
</style>