JSFiddle - React, Tailwind, and code Playground

by David Thomas

HTML

<div>
    <img src="http://davidrhysthomas.co.uk/img/dexter.png" />
</div>
<span>
    <img src="http://davidrhysthomas.co.uk/img/mandark.png" />
</span>

CSS

div, span {
    border: 1px solid #000;
    margin-bottom: 1em;
    position: relative;
}
div {
    display: inline-block;
    padding: 0;
}

div img {
    margin: 0;
}
span {
    display: inline-block;
    padding: 0;
}

span img {
    margin: 0;
}

::after {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background-color: #f90;
    background-color: rgba(255,160,0,0.6);
}

span::after {
    content: "span";
}

div::after {
    content: "div";
}