JSFiddle - React, Tailwind, and code Playground

HTML

<div id="test">a</div>
<div id="url"></div>
<div id="equal_check"></div>

CSS

#test {
 background:url(http://a.random-image.net/handler.aspx?username=chaosdragon&randomizername=goat&random=292.3402&fromrandomrandomizer=yes);
    width: 150px;
    height: 150px;
}

#url, #equal_check {
 white-space:nowrap;   
}

JavaScript

// Get the canvas element.
var background = ($("#test").css('background-image')),
    img_src = background.replace(/^.+\('?"?/, '').replace(/'?"?\).*$/, '')  

$("#url").text(img_src);
    
setTimeout(function() {
    $("<img/>").attr('src', img_src).appendTo(document.body)
}, 1000);

setTimeout(function() {
    var $new = $("<div/>").css({
        width: 150,
        height: 150
    }).appendTo(document.body).css('background-image', background);
    
    if($new.css('background-image') == $("#test").css('background-image') 
       && $new.css('background-image') == background) {
           $("#equal_check").text('Equal background: ' + background);       
    }
    
}, 1100);
    
setTimeout(function() { 
    $("#test").clone().appendTo(document.body)
}, 1200);