JSFiddle - React, Tailwind, and code Playground

by Vipin Patil

HTML

<div class="image">
   <img src="http://placeimg.com/200/200/any">
<div class="triangle-right">

</div>

</div>

CSS

.image{
    position:relative;
}
 
img{
    width:100%;
}
.triangle-right {
   /* display: inline-block;*/
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 20px 0 20px 20px;
    border-color: transparent transparent transparent #6980fe;
    line-height: 0;
    _border-color: #000000 #000000 #000000 #6980fe;
    _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
    position:absolute;
    left:0;
    top:50%;
}