JSFiddle - React, Tailwind, and code Playground

by iii l

HTML

<div>
    <a href="#">
        <img src="http://placehold.it/350x150">
        <span>click</span>
    </a>
</div>

CSS

div {
    position:relative;
    width:350px;
    height:150px;
}
span {
    position:absolute;
    left:30px;
    top:30px;
}
div:hover img {
    opacity: 0.5;
}