#hero {
  width: 100%;
  height: 100vh;
  background: url("https://images.unsplash.com/photo-1622127118604-9363acff3e20?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=387&q=80") center / cover no-repeat;
}

@media (min-width: 768px) {
  #hero {
    width: 100%;
    height: 100vh;
    background: url("../../assets/img/HEADER-01.jpg") center / cover no-repeat;
  }
}