JSFiddle - React, Tailwind, and code Playground

by Dmitriy Shvanyk

HTML

<div class="pict"></div>

CSS

.pict{
    width: 200px;
    height: 200px;
    margin: 25px auto;
    position: relative;
    background: #222;
}
.pict:after{
    content: '';
    position: absolute; bottom: 0; left: 50%;
    margin-left: -20px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 20px 20px 20px;
    border-color: transparent transparent #fff transparent;
}