.hero {
  min-height: 540px;
  background-image: linear-gradient(rgba(0, 0, 0, 0.57), rgb(34, 34, 34)), url("https://cdn.prod.website-files.com/68689d7b6d59c226035dd98c/68689d7b6d59c226035dd9ee_fe4a5cbf.jpg");
  background-position: 0px 0px, 38% 50%;
  background-size: auto, cover;
  background-repeat: repeat, no-repeat;
}

@media screen and (max-width: 991px) {
  .hero {
    min-height: 520px;
  }
}

@media screen and (max-width: 767px) {
  .hero {
    min-height: 420px;
  }
}

@media screen and (max-width: 479px) {
  .hero {
    min-height: 340px;
  }
}