Masked SVG image Safari weirdness

[boas]

Hey,

First time posting so hope i'm making myself clear and not breaking any rules :). But i have no idea what i could be doing wrong (yet).

Been working on a banner ad in which masked svg elements are animated:
No trouble with Chrome or Firefox. But when i rotate a div element with an masked svg inside it, the mask takes a bigger size in Safari.

I've added an event listener to not have to refresh every time to see my precious yoghurt rotate ;)

Can anyone point me in the right direction what could be a solution? Not sure if this is Greensock related, if not, i'll show myself out :). Thanks anyway!

See the Pen VwLqbJe by boasthin (@boasthin) on CodePen

[PointC]

This thread may be helpful.