The simple HTML/CSS animation on my small site is misbehaving—frames stutter and elements momentarily jump instead of flowing smoothly. I need you to jump into the existing markup, pinpoint the root cause, and apply a clean fix so the effect plays fluidly in all current versions of Chrome, Firefox, Safari, and Edge without altering the rest of the design. Scope • Review the current HTML structure, CSS keyframes / transitions, and any vendor-specific prefixes. • Correct whatever is making the animation look glitchy. (It’s not a trigger problem; it just doesn’t render smoothly.) • Validate that the repaired code still passes basic accessibility checks and doesn’t introduce layout shifts. • Test across the major modern browsers to confirm parity. Deliverable A single updated HTML/CSS snippet (or separate stylesheet) plus a brief note explaining what was wrong and how you resolved it so I can learn from the fix. I’ve budgeted roughly an hour because the component is small and self-contained; if you’re confident with front-end debugging, this should be straightforward.