JSFiddle - React, Tailwind, and code Playground

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; }