.scroll-atmosphere {
  position: fixed;
  z-index: 6;
  inset: 0;
  width: 100%;
  height: 100%;
  opacity: .48;
  pointer-events: none;
  mix-blend-mode: screen;
  -webkit-mask-image: radial-gradient(ellipse 90% 82% at 50% 50%, #000 14%, rgba(0, 0, 0, .82) 64%, transparent 100%);
  mask-image: radial-gradient(ellipse 90% 82% at 50% 50%, #000 14%, rgba(0, 0, 0, .82) 64%, transparent 100%);
}

@media (max-width: 700px) {
  .scroll-atmosphere {
    opacity: .38;
  }
}

@media (prefers-reduced-motion: reduce) {
  .scroll-atmosphere {
    opacity: .2;
  }
}