@media (min-width: 761px) {
  .hero-scene {
    align-self: center;
    height: clamp(600px, 47vw, 680px);
  }
}

@media (max-width: 760px) {
  .hero-scene {
    height: 400px;
  }
}