JSFiddle - React, Tailwind, and code Playground

HTML

<div id="show" style="display: none;">
    <section>
        <article class="textBox letra">
            <header>
                 <h2>BOX banheiro</h2>

            </header> <span></span>

            <br/> <span></span>

        </article>
        <div class="imgRigth">
            <img src="/favicon.png" />
        </div>
    </section>
</div>

JavaScript

function showBody() {
    $('#show img').hide().delay(500).fadeIn(1000); // usei o .delay(500) para atrasar a animação 0.5 segundos
    $('#show').fadeIn(1000);
}
$(document).ready(showBody);