Motion Sensitivity Supporter

Casey designed an engaging loading screen with spinning animations and sliding transitions to make their app feel dynamic and modern. However, their colleague Sam, who has vestibular disorders, experiences dizziness and nausea when viewing the constant motion. Sam mentioned they have to look away from the screen or close the app entirely when these animations play. Help Casey respect users' motion preferences so people like Sam can use the app comfortably without triggering their vestibular symptoms.

Add prefers-reduced-motion CSS

• 1.Use @media (prefers-reduced-motion: reduce) to detect user preference
• 2.Disable or reduce animations for sensitive users
• 3.Consider alternative loading indicators like progress bars