custom image as svg image

svg-image-custom-source.svg

<svg class="banner-pengumuman" width="305" height="277" viewBox="0 0 305 277" fill="none"
    xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    <path
        d="M0 2.11911C0 2.11911 181.059 -18.0491 255.238 66.0531C329.417 150.155 298.694 278 298.694 278H0V2.11911Z"
        fill="url(#pattern1)" />
    <defs>
        <pattern id="pattern1" patternContentUnits="objectBoundingBox" width="1" height="1">
            <use xlink:href="#image1" transform="translate(-0.307286) scale(0.00190398 0.00209644)"/>
        </pattern>
        <image id="image1" width="848" height="477" xlink:href="https://picsum.photos/1000/900" />
    </defs>
</svg>