.hero{
  min-height: 100vh;
  background-image:
    linear-gradient(to top,
      rgba(0,0,0,.85) 0%,
      rgba(0,0,0,.45) 50%,
      rgba(0,0,0,0) 75%
    ),
    url("/images/background.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}