Overflow hidden being ignored

[Port_of_Folio]

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.