Organize core/animations.css with clear section comments

[Krish-Mishra]

Pull Request Description

Organized core/animations.css with clear section comments
Closes #357

Type of Change

-[✅] Enhancement

Submission Checklist

⚠️ PRs that fail this checklist will be closed without review.

• All changes are inside submissions/examples/your-feature-name/
• Includes demo.html — self-contained, opens in browser with no server
• Includes style.css — raw CSS for the proposed feature
• Includes README.md — what it does, how to use it, why it fits EaseMotion CSS
• No changes to core/
• No changes to components/
• One feature per PR (no bundled unrelated changes)

---

Feature Description

Improved code structure for core/animations.css

How does a developer use it?

<!-- Show the class usage in HTML -->

Why does it fit EaseMotion CSS?

It is a great practice to organize and structure code through well defined comments

Demo

• Demo added (demo.html works by opening directly in a browser)

---

Browser Testing

• Chrome
• Firefox
• Edge
• Safari (optional but appreciated)

---

Notes for Maintainer

---

Reminder: Only the repository maintainer may merge pull requests.
Do not self-merge, even if you have write access.
Maximum 2 active assigned issues per contributor — unassign extras before opening a PR.