SVG tag required for Firefox but appears to break CSS mask in Chrome

Question

I\'m trying to mask content with an external SVG image like so:

#homepage-banner .desktop-slider.masked {
  -webkit-mask:url(news-panel-mask.svg) left top no         


        

Answer 1

As linked in my comment above, the solution is to use separate paths for each browser in the .svg file: