.product-hero::after {
  width: clamp(430px, 36vw, 620px);
  height: clamp(430px, 36vw, 620px);
  right: clamp(-150px, -6vw, -70px);
  top: 42px;
  border-color: rgba(85, 230, 165, .28);
  background:
    linear-gradient(rgba(5, 5, 5, .12), rgba(5, 5, 5, .3)),
    url("systematic-alpha-laptop.webp") center / cover no-repeat;
  box-shadow: 0 0 120px rgba(85, 230, 165, .1);
  opacity: .82;
}

@media (max-width: 800px) {
  .product-hero::after {
    width: 340px;
    height: 340px;
    right: -175px;
    top: 30px;
    opacity: .55;
  }
}