JSFiddle - React, Tailwind, and code Playground

by apaul34208

HTML

<div class="link-box large">
    <div class="image">
        <img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRStwH3maKRqLU8lLOo1XbO6uZIKHRyf2PGv66H6ol5mB0kS_0r" alt="">
    </div>
</div>

CSS

.link-box .image img {
    transition: all .2s ease-out;
    width:200px;
}
.link-box.large {
    position: relative;
}
.link-box.large:hover .image img {
    opacity: .65;
    box-shadow: 0 0 0 #000;
}