JSFiddle - React, Tailwind, and code Playground

by Amens

HTML

<svg width="0" height="0">
    <defs>
        <mask id="torch" maskContentUnits="objectBoundingBox">
            <path d="M26.703 0l-11.058 2.669-10.72-2.254v0.027l-2.603 1.646-2.322 1.813 1.583 3.489 1.206 9.7-1.782 2.044 0.333 3.244-1.34 4.89 4.925 4.315 10.16-2.254 4.273 2.669 7.91-0.026 15.276-1.799 4.177 1.071 4.088-3.846 0.333-3.244-1.782-2.044 1.206-9.7 1.583-3.489-2.322-1.814-2.664-6.466-18.521 1.556-0.143-2.173z"></path>
        </mask>
    </defs>
</svg>
<div id="mainPage">
    <img src="http://lorempixel.com/400/400" class="testMask"/>
</div>

CSS

.testMask {
    -webkit-mask: url(#torch);
    mask: url(#torch);
}