JSFiddle - React, Tailwind, and code Playground

HTML

<div class="profileimage">	
    <a href="#">
       	<img src="/profilepics/img.jpg" />
        <p>Name Here</p>
    </a>
    <div class="profileInfo"></div>
</div>

JavaScript

$('.profileimage').mouseover(function() {
   $(this).find('.profileInfo').html("OVER"); 
});

$('.profileimage').mouseout(function() {
   $(this).find('.profileInfo').html("NOT OVER"); 
});