CodePen Embed - ZEbmZOo

<svg viewBox="0 0 1200 830" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" >
  <defs>
    <mask id="mask">
      <rect width="100%" height="100%" fill="red"/>
    </mask>
    
    <clipPath id="clip">
      <path d="M100,100 1000,100 1100,200 1100,730 200,730 100,630z" fill="#fff"/>
    </clipPath>
  </defs>
    
  <image  xlink:href="https://avatars.mds.yandex.net/get-pdb/1920375/cb2ff4cc-2a71-4d18-b4f3-f5de7995168b/s1200?webp=false" mask="url(#mask)"/>
    
  <image  xlink:href="https://avatars.mds.yandex.net/get-pdb/1920375/cb2ff4cc-2a71-4d18-b4f3-f5de7995168b/s1200?webp=false" clip-path="url(#clip)"/>
</svg>

This Pen is owned by topicstarter on CodePen.

See more by @topicstarter on CodePen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.