perf: Reduce motion swap snowflake effect when enabled

[memoyil]

Beneficial for low-end mobile phones that this setting is enabled

---

PR-Codex overview

This PR introduces a media query to handle reduced motion preferences, ensuring that animations and transitions are disabled for users who prefer less motion. It also specifies positioning for multiple elements based on their type.

Detailed summary

• Added @media (prefers-reduced-motion: reduce) to disable animations and transitions.
• Defined specific top and left positions for elements nth-of-type(1) to nth-of-type(8).

✨ Ask PR-Codex anything about this PR by commenting with /codex {your question}

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
web	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Feb 10, 2025 10:44am

7 Skipped Deployments

Name	Status	Preview	Comments	Updated (UTC)
aptos-web	⬜️ Ignored (Inspect)			Feb 10, 2025 10:44am
blog	⬜️ Ignored (Inspect)			Feb 10, 2025 10:44am
bridge	⬜️ Ignored (Inspect)			Feb 10, 2025 10:44am
games	⬜️ Ignored (Inspect)			Feb 10, 2025 10:44am
gamification	⬜️ Ignored (Inspect)			Feb 10, 2025 10:44am
uikit	⬜️ Ignored (Inspect)			Feb 10, 2025 10:44am
ton	⬜️ Skipped (Inspect)			Feb 10, 2025 10:44am

[changeset-bot]

⚠️ No Changeset found

Latest commit: 4eb9036

Merging this PR will not cause a version bump for any packages. If these changes should not result in a new version, you're good to go. If these changes should result in a version bump, you need to add a changeset.

This PR includes no changesets

When changesets are added to this PR, you'll see the packages that this PR includes changesets for and the associated semver types

Click here to learn what changesets are, and how to add one.

Click here if you're a maintainer who wants to add a changeset to this PR