JSFiddle - React, Tailwind, and code Playground

HTML

<div class="image">
 

  <img src="http://s009.radikal.ru/i309/1605/9b/3c9a32ef74ec.png" alt="" class="img">
</div>

CSS

.image {
  position: relative;
  width: 595px;
  background:url('http://www.cruzo.net/user/images/k/d760fbd8f50d9b92dc054ee8390df166_617.jpg') 0 0 no-repeat

}

.img{

   display:block;
      -webkit-clip-path: polygon(0 0, 90% 0, 100% 50%, 90% 100%, 0 100%, 0 0);
  -clip-path: polygon(0 0, 90% 0, 100% 50%, 90% 100%, 0 100%, 0 );
}