JSFiddle - React, Tailwind, and code Playground

HTML

<div id="loading" class="loading-invisible">  
    <img class="loading" src="https://dummyimage.com/200x100/000/fff.png&text=Logo">
</div>

CSS

#loading {
  display: flex;
  align-items: center;
  justify-content: center;
}