.hero {
  background:
    linear-gradient(90deg, rgba(7, 10, 18, 0.78) 0%, rgba(7, 10, 18, 0.48) 49%, rgba(7, 10, 18, 0.08) 100%),
    url("banner.png") center 52% / cover no-repeat;
}

@media (max-width: 850px) {
  .hero {
    background-position: 52% center;
  }
}

@media (max-width: 620px) {
  .hero {
    background-position: 50% center;
  }
}