.bg-light { position: fixed; border-radius: 50%; background-size: 400% 400%; background: radial-gradient(circle, white 0%, transparent 70%); pointer-events: none; z-index: -1; animation: var(--lights-duration) infinite; }\n\n.bg-light-1 { width: 300px; height: 300px; top: 10vh; right: 10vw; animation-name: moveLights1; animation-duration: var(--lights-duration); }\n\n.bg-light-2 { width: 200px; height: 200px; bottom: 20vh; left: 10vw; animation-name: moveLights2; animation-duration: var(--lights-duration-2); animation-delay: -10s; }\n\n.bg-light-3 { width: 400px; height: 400px; top: 40vh; left: 60vw; animation-name: moveLights3; animation-duration: calc(var(--lights-duration) * 1.3); animation-delay: -20s; }