.hero {
  background-color: #080706;
  background-image: url('assets/hero-wagyu-hotpot.jpg');
  background-repeat: no-repeat;
  background-size: auto 128%;
  background-position: right 54%;
}

.hero-shade {
  background:
    linear-gradient(90deg,rgba(5,4,3,.99) 0%,rgba(5,4,3,.94) 29%,rgba(5,4,3,.52) 51%,rgba(5,4,3,.09) 73%,rgba(5,4,3,.03) 100%),
    linear-gradient(0deg,rgba(5,4,3,.72),transparent 44%);
}

@media (max-width: 900px) {
  .hero {
    background-size: 100% auto;
    background-position: center top;
  }

  .hero-shade {
    background: linear-gradient(0deg,rgba(5,4,3,.99) 0%,rgba(5,4,3,.92) 47%,rgba(5,4,3,.12) 82%,rgba(5,4,3,.02) 100%);
  }
}

@media (max-width: 620px) {
  .hero {
    background-size: auto 76%;
    background-position: 51% top;
  }
}