.hero:after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background-image: url("hero-80s-silhouettes.png");
  background-repeat: no-repeat;
  background-size: 125% auto;
  background-position: left bottom;
  opacity: .44;
}
@media (max-width: 760px) {
  .hero:after {
    background-size: auto 68%;
    background-position: right bottom;
    opacity: .14;
  }
}