JSFiddle - React, Tailwind, and code Playground

HTML

<div id="hover"></div>

CSS

body {
     background-image:url('http://s5.postimg.org/6qbplw2xj/Background_main.jpg'); 
    background-position:top center;
    background-repeat: no-repeat;
    height:800px;
    width:800px;
}

#hover {
    position:absolute;
    width:450px;
    height:400px;
    top:300px;
    right:20px;
}

.nohover{
    background-image:url('http://s5.postimg.org/6qbplw2xj/Background_main.jpg');  
}
.hover {
    background-image:url('http://s5.postimg.org/8jj7nydhz/Background_main.jpg');
}

JavaScript

$('#hover').hover(function() {
    $('body').removeClass('nohover').addClass('hover');
}, function(){
    $('body').addClass('nohover').removeClass('hover');
});