Issue with Background Color Change When Animating CMS Items

Hello Webflow Community,

I’m encountering a peculiar issue on my Webflow site that I hope to get some insights on. Whenever I try to add a movement animation or implement custom code (specifically using locomotive.js), the background color of the page changes unexpectedly.

Here are the specifics of the issue:

  • The problem only occurs with CMS items, particularly when I animate them, which changes their position.
  • It might be related to the positioning of these elements. I’ve experimented with different positioning options, but the issue persists.
  • The background color change sometimes only occurs on the live website, but other times it’s also noticeable on the designer page.

I’ve tried several troubleshooting steps, including adjusting z-index values, checking for any conflicting CSS or JavaScript, and simplifying the animations, but haven’t had any luck.

Site Read-Only Link:

I’d appreciate any advice or suggestions from the community. Has anyone experienced something similar or knows what might be causing this behavior?

Thank you in advance for your help!