JSFiddle - React, Tailwind, and code Playground

HTML

<div class="image"></div>

CSS

.image {
    position:relative;
    height:200px;
    width:340px;
    background:orange;
}
.image:before {
    content:'';
    position:absolute;
    top:0;
    left:0;
    height:20px;
    width:0;
    border-left:20px solid white;
    border-bottom:16px solid transparent;
}
.image:after {
    content:'';
    position:absolute;
    top:36px;
    left:0;
    bottom:0;
    width:0;
    border-left:20px solid white;
    border-top:16px solid transparent;
}