JSFiddle - React, Tailwind, and code Playground

HTML

<div id="logo">
     <h4>MyLogo</h4>

</div>

CSS

#logo{
    margin-top:-50px;
}
.trans {
    margin-top:0 !important;
    -moz-transition: all 7s ease-out;
    -o-transition: all 7s ease-out;
    -webkit-transition: all 7s ease-out;
    -ms-transition: all 7s ease-out;
    transition: all 7s ease-out;
    filter: saturate(120%);
    -webkit-filter: saturate(120%);
    -moz-filter: saturate(120%);
    -o-filter: saturate(120%);
    -ms-filter: saturate(120%);
    cursor:default;
}

JavaScript

$(document).on("ready", function(){
   
    $("#logo").addClass("trans");
    
});