Estoy tratando de recrear esta "animación" particular de este Video cuando sale el texto del logo. Intenté usar overflow: hidden; y justify-content: center; sobre el padre y la opacity: 0; en el texto del logotipo, pero el problema es que sigue contando como visible. Yo usaría display: none; pero entonces no puedo tener una animación. Aquí está mi html

 <div class="navbar-left-container"> <div class="navbar-left-ident"> <div class="icon">rocket</div> <span class="name">Websitename</span> </div> </div>

¡Cualquier ayuda es apreciada!