Почему не работает SVG маска с PNG?

Друзья, объясните пожалуйста, почему не работает PNG маска? Почему основное изображение становится мутным? Не могу понять. Вот такая засада.


Сам рисунок


Маска PNG


Делаю как положено

<svg width="500" height="500" viewBox="0 0 500 500">
  <defs>
    <mask id="mask">
      <image width="500" height="500" xlink:href="https://i.ibb.co/BgqMrqh/Image4m.png" />
    </mask>
  </defs>
  <image mask="url(#mask)" width="500" height="500" xlink:href="https://c402277.ssl.cf1.rackcdn.com/photos/2325/images/hero_small/mountains-hero.jpg" />
</svg>

Вот живой пример https://codepen.io/Cheizer/pen/ExxYNZr

Может я саму PNG маску не правильно делаю? :( Если да то как правильно?