Rounded corner of lottie animation are overflowing

[Port_of_Folio]

This is the solution for Safari, which might work on other browsers with issues.

Safari not hiding overflow on rounded corner divs

Any one know why Safari is not hiding overflow on divs with round corners? How can I fix this? See pill buttons I created with a gradient hover interaction. The only way to achieve the interaction was by using a div and placing an image in the div, then set overflow hide. The div will hide overflow when only using a bg color, but not when placing an image inside. It works on other major browsers.