CSS mask-imageがかからない

Question

【CSS】maskプロパティで画像を切り抜く方法（マスク処理）を参考にしましたが、transparentの画像でURLを変えたところ何も表示されなくなりました
原因がわかる方いらっしゃらないでしょうか

<style>
.mask img{
mask-image:url(https://emojigraph.org/media/joypixels/large-red-square_1f7e5.png);
mask-size: contain;
mask-repeat: no-repeat;
mask-position: center;

-webkit-mask-image:url(https://emojigraph.org/media/joypixels/large-red-square_1f7e5.png);
-webkit-mask-size: contain;
-webkit-mask-repeat: no-repeat;
-webkit-mask-position: center;
}
</style>

<div class="mask">
<img src="https://tech-dig.jp/wp/wp-content/uploads/2018/09/flower.jpg">
</div>

Comments

[cx20]

コンソールに何かエラーが出ていませんか？

[thiz]

特殊なことが判明しました
mask-imageに外部サイトの画像URLを書くとクロスオリジン要求としてブロックされます
<img src="">ではブロックされませんでした

[Lhankor_Mhy]

これは知らなかったので、勉強になりました。ありがとうございます。
https://drafts.fxtf.org/css-masking-1/#sec

ご解決でしたら、お手数ですが自己解決の処理をお願いします。