fix: headline flickers end of first animation

[keyserj]

previously, if headline render was slow, the useEffect (that set up a 3 second rotation interval) would run late, causing the first word ("effectively") to finish it's animation and sit around until the effect ran.

the new solution relies entirely on css so the timings should never be off.

Description of changes

-

Additional context

-

[netlify[bot]]

✅ Deploy Preview for velvety-vacherin-4193fb ready!

Name	Link
🔨 Latest commit	3dc2f2924ca63f23f6af3f34703d8aba77eb9b16
🔍 Latest deploy log	https://app.netlify.com/sites/velvety-vacherin-4193fb/deploys/66d228df2398430007cb77b6
😎 Deploy Preview	https://deploy-preview-494--velvety-vacherin-4193fb.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.
Lighthouse	1 paths audited Performance: 47 Accessibility: 86 Best Practices: 92 SEO: 85 PWA: - View the detailed breakdown and full score reports

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[netlify[bot]]

✅ Deploy Preview for ameliorate-docs canceled.

Name	Link
🔨 Latest commit	3dc2f2924ca63f23f6af3f34703d8aba77eb9b16
🔍 Latest deploy log	https://app.netlify.com/sites/ameliorate-docs/deploys/66d228dfb683dc0008617465