web kit mask image trows a cors error angular

I see some answers on stackoverflow but it is difficult to understand and I have also tried to sanitize it but the issue is same. https://stackoverflow.com/a/61984516/4646531

Access to image at 'https://ift.tt/34n6j8l' from origin 'http://localhost:4200' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.

<div [ngStyle]="{'-webkit-mask-image': 'url(https://mdn.mozillademos.org/files/12676/star.svg)'}">
  yo! This text is contained within a <code>P</code> tag.
</div>

Code on stackblitz

from web kit mask image trows a cors error angular