JSFiddle - React, Tailwind, and code Playground

by skeurentjes

HTML

<img class="img" src="http://www.sanderkeurentjes.com/img/sanderkeurentjes.jpg" alt="Image" />

CSS

img {
    position: relative;
    max-width: 150px;
    height: auto;
    display: block;
    cursor: pointer;
}

img:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    content: '';
    background: blue;
    z-index: 10000;
}