.related-products {
  display: block;
}

.related-products__heading {
  margin: 0 0 3rem;
  font-weight: 400;
}

.related-products .new-collection-showcase__media-wrap {
  position: relative;
}

.related-products__media--hover {
  inset: 0;
  opacity: 0;
  position: absolute;
}

@media (hover: hover) and (pointer: fine) {
  .related-products__media {
    transition: transform 0.5s ease, opacity 0.35s ease;
  }

  .related-products__card--has-hover-image:hover .related-products__media--primary {
    opacity: 0;
  }

  .related-products__card--has-hover-image:hover .related-products__media--hover {
    opacity: 1;
  }
}