Transparent logo background should clip out a square

[yefim]

Currently, when you use a "transparent" or "none" logo background, the QR code renders underneath which is not great! Instead, we should use an SVG clip-path to not render the QR code underneath the logo. Here's a codepen to show what I mean: https://codepen.io/yefim/pen/KKjByvo

Here's the bug in action:

And here is it with a "white" background which looks better but not perfect