Div loses corner radius in safari when animated

I encountered an often discussed problem but could not find a fix.
I built an animation on the second section (not technically a section, I know) with divs so I can animate it while scrolling. But on safari the corner radius is lost on the parent div that stops the inside divs to overflow. So instead of a dial I have something ugly.
Is there a fix for this particular design?


Here is my public share link: [LINK][1]

found the answer on stackoverflow:
Shared with CloudApp

Hope this helps :slight_smile:

Wow! Thank you! That worked!
I would have never tried to set this particular value. It seems so random – at least from my non-coding Webflow designer perspective.