JSFiddle - React, Tailwind, and code Playground

HTML

<a href="#" title="aubergine">hover this to show image</a>

<img width="300" height="300" alt="aubergine" src="http://i.imgur.com/0MmkDiI.jpg"></img>

CSS

img {opacity:0;}

JavaScript

$('a').mouseover(function() {
  $('[alt="aubergine"]').css( "opacity", "100" );
});

$('a').mouseout(function() {
  $('[alt="aubergine"]').css( "opacity", "0" );
});