JSFiddle - React, Tailwind, and code Playground

HTML

<body>
    <div class="clip">
        <img src="http://lorempixel.com/600/600/" width="100%" height="100%" />
    </div>
</body>

CSS

.clip {
    width: 500px;
    height: 500px;
    -webkit-clip-path: polygon(100% 0, 100% 81%, 82% 100%, 0 100%, 0 0);
    clip-path: polygon(100% 0, 100% 81%, 82% 100%, 0 100%, 0 0);
}
body {
    background-image: radial-gradient(circle, #3F9CBA 0%, #153346 100%);
    height:100%;
    width:100%;
}