prefers-animation.css

.animation {
  animation: 4s linear 0s infinite alternate sun-rise;
}

@media (prefers-reduced-motion) {
  .animation {
    animation: none;
  }
}

@keyframes sun-rise {
  from {
    /* pushes the sun down past the viewport */
    transform: translateY(110vh);
  }
  to {
    /* returns the sun to its default position */
    transform: translateY(0);
  }
}