.hero {
  position: relative;
  height: calc(100vw * 9 / 16);
  max-height: calc(100vh - 150px);
  min-height: auto;
  margin-top: var(--header-height);
  overflow: hidden;
  background: url('/static/images/covers/box.webp') center center / cover no-repeat;
}