#hero {
  width: 100%;
  height: 100vh;
  background: url("../../assets/img/banner55.png") center / cover no-repeat;
}

@media (min-width: 562px) {
  #hero {
    background: url("../../assets/img/banner5.png") center / cover no-repeat;
  }
}

@media (min-width: 1600px) {
  #hero {
    background: url("../../assets/img/banner.png") center / cover no-repeat;
  }
}