I am trying to create floating circular image mask using svg clip-path. It works fine in Firefox and Chrome but Safari somehow cuts off the clipped image. Resizing the browser seems to (temporarily) solve the issue.
I have no clue what is going on. Any help would be greatly appreciated!
See the Pen OjvawX by gerben (@gerben) on CodePen