.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}

.grid__image {
  position: relative;
  display: block;
  overflow: hidden;
}

.grid__image .primary-image {
  width: 100%;
  display: block;
  transition: opacity 0.3s ease-in-out;
}

.grid__image .secondary-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}

.homepage-featured-grid-item:hover .grid__image .primary-image {
  opacity: 0;
}

.homepage-featured-grid-item:hover .grid__image .secondary-image {
  opacity: 1;
}