• HTML
• CSS

HTML

<div class="container clip-polygon ">
    <img src="luffy.png" alt="">
</div>

CSS

body {
    margin:0px;
    padding:0px;
    height:100vh;
    background: linear-gradient( to bottom,#2ecc71,#f9e79f);
}
.container{
    margin:100PX auto;
    width:270px;
}
.container>img{
    width:100%;
    display:block;
    clip-path: polygon(0% 0%,100% 0%,100% 70%,80% 70%,80% 100%,60% 70%,0% 70%);

}