put problem in time out

src/contents/description.tsx

 import { H2 } from "../components/headings";
 import { Circle } from "../components/Shapes";
-import "../utils/text.js";
+/* import "../utils/text.js"; */
 
 
 export function Description() { 
@@ -25,7 +25,7 @@ export function Description() {
             
                     </div>
                     <div className="col-2 "> 
-                               <Circle text="1:3000 newborns worldwide"/>
+                            <Circle text="1:3000 newborns worldwide"/>
                             <Circle text="x:y newborns in Germany"/>
                             <Circle text="kosten"/>
                     </div>

src/utils/text.js

-import { gsap } from "gsap/dist/gsap";
-import ScrollTrigger from "gsap/dist/ScrollTrigger";
+import { gsap } from "gsap";
+import ScrollTrigger from "gsap/ScrollTrigger";
 
 
+ 
 gsap.registerPlugin(ScrollTrigger);
 // REVEAL //
-gsap.utils.toArray(".revealUp").forEach(function (elem) {
+
+gsap.utils.toArray(st).forEach(function (elem) {
   ScrollTrigger.create({
     trigger: elem,
     start: "top 80%",
@@ -44,4 +46,3 @@ gsap.utils.toArray(".revealUp").forEach(function (elem) {
     }
   });
 });
-