JSFiddle - React, Tailwind, and code Playground

HTML

<img id=logo src="http://thesaurus.maths.org/mmkb/media/png/Omega.png"/>
<img id=logosm src="http://thesaurus.maths.org/mmkb/media/png/Omega.png"/>

CSS

#logo {
    width:300px;
    height:300px;
}
#logosm {
    display:none;
    width:150px;
    height:150px;
}

JavaScript

setTimeout(function() {
    $('#logo').animate({
        width: '150px',
        height: '150px'
    }, 50);
    setTimeout(function() {
        $('#logo').css('display', 'none');
        $('#logosm').css('display', 'block');
    }, 45);
}, 1500);