JSFiddle - React, Tailwind, and code Playground

HTML

<div id="myDiv" style="background-image:url('http://1.bp.blogspot.com/-nI97Eqlkfh0/TlHp2CS0_XI/AAAAAAAAAWU/kRGbOd6YNZg/s320/blue+%25281%2529.jpg');background-repeat:no-repeat;width:200px;height:200px">
</div>

JavaScript

$("#myDiv").hover(
    function(){
      $(this).fadeTo('slow', 0.3, function()
        {
            $(this).css('background-image', 'url("http://1.bp.blogspot.com/-tOHKWImzMJQ/TlHqjy1C_II/AAAAAAAAAWw/T5WGegi1sVc/s320/blue+%25288%2529.jpg")');
        }).fadeTo('slow', 1);
    }, 
    function(){
       $(this).fadeTo('slow', 0.3, function()
        {
            $(this).css('background-image', 'url("http://1.bp.blogspot.com/-nI97Eqlkfh0/TlHp2CS0_XI/AAAAAAAAAWU/kRGbOd6YNZg/s320/blue+%25281%2529.jpg")');
        }).fadeTo('slow', 1);
    });