#spotlight {
  position: absolute;
  width: 200px;
  height: 200px;
  background: radial-gradient(circle, rgba(255,255,255,0.8) 0%, rgba(255,255,255,0) 70%);
  pointer-events: none;
  transform: translate(-50%, -50%);
}

.spotlight-animation {
  animation: spotlightMove 3s linear infinite;
}

@keyframes spotlightMove {
  0% {
      left: 25%;
      top: 25%;
  }
  25% {
      left: 75%;
      top: 25%;
  }
  50% {
      left: 75%;
      top: 75%;
  }
  75% {
      left: 25%;
      top: 75%;
  }
  100% {
      left: 25%;
      top: 25%;
  }
}

.fade-in {
  animation: fadeIn 2s ease-in forwards;
}

@keyframes fadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}

#spotlight {
  transition: transform 1s ease-in-out;
}

.spotlight-animation {
  transform: rotateY(180deg);
}