JSFiddle - React, Tailwind, and code Playground

HTML

<span class="col-3 myImg"></span>

CSS

.col-3 {
    width:25%;
}

.myImg {
    margin-bottom:10px;
    margin-top:10px;
    display:block;
    position:relative;
    content:url("http://dummyimage.com/600x400");
}

.myImg::after {
    position:absolute;
    display:block;
    
    background-color:red;
    width:100%;
}