<div class="wrap">
  <svg id="lbox" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 100 50">
    <defs>
      <clipPath id="clip">
        <path d="M0 50 V10 H20 L30 0 L40 10 H100 V50z"/>
      </clipPath>
    </defs>
    <image xlink:href="https://farm4.staticflickr.com/3165/5733278274_2626612c70.jpg"  width="100" height="66" clip-path="url(#clip)"/>
    <path d=""/>
  </svg>
</div>

body, html{
  height:100%;
  background:url('https://farm8.staticflickr.com/7187/6895047173_d4b1a0d798.jpg')no-repeat center center;
  background-size:cover;
}
svg{
  width:70%;
  margin:20px;
}