.hero-section {
  background-position: center 0;
}


@media (min-width: 900px) {
  .hero-section {
    background-position: center 15%;
  }
}

@media (min-width: 1500px) {
  .hero-section {
    background-position: center 25%;
  }
}

.hero-section .hero-overlay{
  justify-content: space-between;
}