JSFiddle - React, Tailwind, and code Playground

by Josh Krauth-Harding

HTML

<a id="hover-text" href="#">Person name</a>

<img src="https://placehold.co/400" id="hover-image">

CSS

#hover-image {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: -100;
}

JavaScript

$('#hover-text').hover(
function(e) {
    $('#hover-image').show();
    $('#hover-image').css({'top': e.clientY + 20, 'left': e.clientX + 20});
},function() {
    $('#hover-image').hide();
}
);