html::before {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  pointer-events: none;
  z-index: 0;
  background: radial-gradient(circle at 30% 30%, rgba(20, 20, 20, 0.25), transparent 70%),
              radial-gradient(circle at 70% 70%, rgba(0, 0, 0, 0.2), transparent 80%);
  animation: mysticWind 12s ease-in-out infinite alternate;
  opacity: 0.4;
  mix-blend-mode: soft-light;
  filter: blur(25px);
}

@keyframes mysticWind {
  0% {
    transform: scale(1) rotate(0deg);
  }
  50% {
    transform: scale(1.03) rotate(0.5deg);
  }
  100% {
    transform: scale(1) rotate(-0.5deg);
  }
}