How to smoothly hide an svg image in a circle?

Question

css

https://codepen.io/osublake/pen/ed2f14b6fe1cc612e1...
in the example with svg, how to make the vector also fold through the patch? I scoured the Internet, nothing happened especially, if I add stroke-width="100" for example, it works, but not as it should, since there are a lot of similar vectors, and each needs to be folded in a similar way

<svg width="109" height="110" viewBox="0 0 109 110" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M109 1.52588e-05C46.606 11.4 10.9393 45.4 -3.25351e-06 110L54.5 110L109 110L109 1.52588e-05Z" fill="#F88D0E"/>
</svg>