*{box-sizing:border-box}
html,body{margin:0;width:100%;height:100%;background:#050c14}
body{overflow:hidden}
.hero{
  width:100%;
  height:100svh;
  min-height:100%;
  background:#050c14 url("hero.png") center center / cover no-repeat;
}
@media (max-aspect-ratio: 1/1){
  .hero{
    background-size:cover;
    background-position:center center;
  }
}