JSFiddle - React, Tailwind, and code Playground

HTML

<div class="wrapper">
    <a href="#">
        <div class="img-link">
            <img src="http://www.lorempixel.com/100/100/cats/" />
        </div>
    </a>
</div>

CSS

.wrapper {
    position: relative;
    z-index: 0;
}

.img-link {
    display:inline-block;
}

a:hover .img-link {
    -webkit-box-shadow: inset 0 0 0 8px #69741f;
    box-shadow: inset 0 0 0 8px #69741f;
}

.img-link img {
    position: relative;
    z-index: -1;
}