JSFiddle - React, Tailwind, and code Playground

by Vitaliy

HTML

<svg viewbox="0,0,1920,500">
  <defs>
    <pattern id="img" x="0" y="0" patternUnits="objectBoundingBox" height="1" width="1">
      <image x="0" y="0" width="1920" height="1080" xlink:href="http://cdn.pcwallart.com/images/winter-mountain-sunset-wallpaper-3.jpg"></image>
    </pattern>
  </defs>
  <path d="M 0 0 L0 500 L1920 400 L1920 0 z" fill="url(#img)" />
  <path d="M1920 400 L1100 440 L1920 500 z" fill="#5257fc"/>
</svg>