z-index: 1000;
inset
box-shadow: inset 0px 0px 10px rgba(0,0,0,0.5);
<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 1000 500" >
<defs>
<mask id="LetMask" >
<rect
x="0" y="0"
width="100%"
height="100%"
fill="#black" />
<text
font-size="300px"
font-family="serif"
x="100" y="300"
fill="white">
Text ⛵
</text>
</mask>
</defs>
<image
xlink:href="https://i.stack.imgur.com/sbuGW.jpg"
width="100%"
height="100%"
mask="url(#LetMask)" />
</svg>