JSFiddle - React, Tailwind, and code Playground

HTML

<div>loading...</div>
<img src="" alt="pic" id="pic" />

CSS

div, img {
    width:250px;
    height:250px;
}
div {
    display:table-cell;
    border:solid 1px #666;
    background-color:#DDD;
    color:#666;
    text-align:center;
    vertical-align:middle;
    font-size:32px;
}
img {
    display:none;
}

JavaScript

var url = "https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSbfCY0AcwpSuavwiBPVrnJEKGIcZt28BTGGe5EwfCHcJFhWtv5zw";

$('#pic').load(function () {
    $("div").hide();
    $(this).show();
});

setTimeout(function () {
    $('#pic').attr("src", url);
}, 3000);