<svg xmlns="http://www.w3.org/2000/svg" width="450" height="450" viewBox="0 0 450 450" fill="none">
    <defs>

        <clipPath id="blob">
<path fill-rule="evenodd" clip-rule="evenodd" d="M326.801 16C326.801 7.16344 319.638 0 310.801 0H16C7.16344 0 0 7.16346 0 16V310.801C0 319.638 7.16347 326.801 16 326.801H72.1844C81.021 326.801 88.1844 333.965 88.1844 342.801V434C88.1844 442.837 95.3479 450 104.184 450H434C442.837 450 450 442.837 450 434V104.184C450 95.3479 442.837 88.1844 434 88.1844H342.801C333.965 88.1844 326.801 81.021 326.801 72.1844V16Z" fill="#D9D9D9"/></clipPath>
</defs>
    <image x="0" y="0" width="100%" height="100%" clip-path="url(#blob)" preserveAspectRatio="xMidYMid slice" xlink:href="https://source.unsplash.com/random/600x600/?landscape"></image>
</svg>

<img src="https://source.unsplash.com/random/600x600/?landscape"/>

body {
 display: grid;
 place-content: center;
}

img {
 clip-path: path('M326.801 16C326.801 7.16344 319.638 0 310.801 0H16C7.16344 0 0 7.16346 0 16V310.801C0 319.638 7.16347 326.801 16 326.801H72.1844C81.021 326.801 88.1844 333.965 88.1844 342.801V434C88.1844 442.837 95.3479 450 104.184 450H434C442.837 450 450 442.837 450 434V104.184C450 95.3479 442.837 88.1844 434 88.1844H342.801C333.965 88.1844 326.801 81.021 326.801 72.1844V16Z');
 width: 450px;
 height: 450px;
}