I want the images to show when I hover on the words and hide when moused out.

Reference to what I want http://www.saramarandi.com/

I tried using this code here but it isn't really giving me what I want.

  $(this).parent().find("img").addClass("ishover");
  }, function() {
  $(this).parent().find("img").removeClass("ishover");
  });
// Parallax effect
$("h1").mousemove(function(e){
  // Get the Y offset from the first product
  var offset = $(this).offset().top-$(":first-child", $(".item")).offset().top;
  // Calculate the new position
  var movex = (e.pageX * -1.73 / 6);
  var movey = ((e.pageY-offset) * -1.73 / 6);
  // Apply the margins
  $(this).parent().find("img").css('margin-left', movex + 'px')/2;
  $(this).parent().find("img").css('margin-top', movey + 'px');
});```