/* Apply styles to the moving blur shape */
.moving-blur {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 200px;
  height: 200px;
  background: radial-gradient(circle, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0) 70%);
  filter: blur(50px);
  transform: translate(-50%, -50%);
  animation: moveShape 10s ease-in-out infinite;
}

@keyframes moveShape {
  0% {
    transform: translate(-50%, -50%) translateX(0) translateY(0);
  }
  50% {
    transform: translate(-50%, -50%) translateX(50px) translateY(100px);
  }
  100% {
    transform: translate(-50%, -50%) translateX(0) translateY(0);
  }
}