JSFiddle - React, Tailwind, and code Playground

by Vitorino fernandes

HTML

<div class="image">
    <img src="http://placeimg.com/400/100/any">
</div>

CSS

.image {
    position:relative;
}
    .image:after {
        content:'';
        width: 0;
        height: 0;
        border-left: 20px solid transparent;
        border-right: 20px solid transparent;
        border-top: 20px solid #f00;
        position:absolute;
        left:50%;
        top:0;
        margin-left:-20px;
    }
img {
    width:100%;
}