Overflow-x doesn't work in a 100vw div to clip out Image overflow

Hey Webflow people, I’m new to webflow. I’ve created a website. Trying out the animation and effects. I’m facing an issue in setting up animation for the yellow ribbon on the top of the page, which is causing div overflow.

If I want to enlarge the yellow ribbon and push it to the top-right corner (so that only a part of it is visible to the user during the animation), the image seem to overflow out of the viewport. I have tried to set the overflow hidden property to the parent div (set to 100vw width). But it doesn’t seem to work.

Website Preview: https://influencer-portfolio.webflow.io/


Here is my site Read-Only: https://preview.webflow.com/preview/influencer-portfolio?utm_medium=preview_link&utm_source=designer&utm_content=influencer-portfolio&preview=cb79f70c7063fae066034f21171dd051&workflow=preview

hi @omnibuz and welcome here is one way how to solve your issue