html,
body {
  width: 100%;
  max-width: 100%;
  overflow-x: clip;
}

@media (max-width: 800px) {
  .hero {
    overflow: clip;
  }

  .hero > :not(.orbit):not(.scroll-hint) {
    position: relative;
    z-index: 1;
  }

  .hero .orbit {
    top: auto;
    right: -58px;
    bottom: 42px;
    z-index: 0;
    pointer-events: none;
  }

  .hero .scroll-hint {
    z-index: 1;
  }
}