JSFiddle - React, Tailwind, and code Playground

HTML

<div class="opac">
    <img src="image.png" />
    <p class="fot">text here...</p>
   </div>

JavaScript

$('div.opac').hover(function(){  
    jQuery('img', this).animate({opacity: '0.6'}, 500);
     jQuery('p', this).animate({backgroundColor: "#aa0000"}, 500 );
  });