Amine JS centra un elemento.

Estoy tratando de hacer un portafolio.
Mi introducción tiene un DOM como este:

html
        <div className={clsx("inline-flex", "items-center",
          "space-x-4")}>
          <div id="logo" className={"flex"}>
            <LoaderIcon isOnLoader={true}/>
          </div>
          <div className={"flex flex-col"} id={"title_container"}>
            <div id="subtitle" className={"text-neon-violet"}>
              {descriptionSmall}
            </div>
            <div id={"title"} className={"text-neon-violet text-4xl tracking-tighter"}>
              {title}
            </div>
          </div>
        </div>

En la animación, estoy reduciendo el tamaño de #title_container a 0 usando:

js
loader.add({
        targets: "#title_container",
        duration: 800,
        easing: 'easeInOutQuart',
        scale: 0,
      })

El #title_container desaparece, pero el #logo permanece en el mismo lugar.

Quiero que la animación sea como si el título se estuviera encogiendo y el logo se estuviera centrando al mismo tiempo.

Por favor, ayúdame con esto. Gracias.