JSFiddle - React, Tailwind, and code Playground

HTML

<div class="item">
	<a href="#">
         <img src="http://www.getyourbacklinks.com/wp-content/uploads/demo-image3-2u1xi4u8nvw54xug5hzshs.jpg" alt="title" title="" width="125" height="125"/>
  </a>
	<div class="caption">
		<a href="" >Title</a>
		<p>Description</p>
	</div>
</div>

CSS

.caption a:hover, .hovered { color:red;}

JavaScript

$( function(){

$('.item > a').on('mouseenter', function(){ 
$(this).next('.caption').find('a').addClass('hovered')  ;
}).on ('mouseleave', function(){ $(this).next('.caption').find('a').removeClass('hovered');})
});