JSFiddle - React, Tailwind, and code Playground

HTML

<button>Click me to change the background</button>
<div class="page-bg" id="page-background1">;</div>

CSS

.page-bg{
    min-width:500px;
    min-height:500px;
}
#page-background1{
        background-image: url(http://lorempixel.com/400/400/sports/1);
    background-size:400px 400px;
    background-repeat: no-repeat;
    }

JavaScript

$('button').on('click',function(){
   $("#page-background1").fadeOut( "slow", function() {
    $("#page-background1")
        .css({
        'background-image': 'url(http://lorempixel.com/400/400/sports/2)'
        });});
    $("#page-background1").fadeIn('slow');
});