JSFiddle - React, Tailwind, and code Playground

HTML

<div id="logoblock">
    <div id="logo">
    <img src="http://placehold.it/700x700">
    </div>
</div>

CSS

#logoblock
{
    position: relative;
    width: 700px;
    height: 700px;
    margin: auto;
}
#logo
{
    position: absolute;
    top:50%;
    left:50%;
    width: 0%;
    height: 0%;
}

JavaScript

$( document ).ready(function() {
    $("#logo").animate({
        height: '+=100%',
        width: '+=100%',
        top: 0,
        left:0
    });

});