fix: unblock music video ci checks

registry/examples/warm-grain/compositions/intro.html

@@ -26,7 +26,6 @@
         box-shadow: 0 15px 40px rgba(0, 0, 0, 0.2);
         text-align: left;
         opacity: 0;
-        transform: translateX(-100%); /* Start off-screen left */
       }
 
       [data-composition-id="intro"] .title {
@@ -53,11 +52,15 @@
         const tl = gsap.timeline({ paused: true });
 
         // Animation: Speaker card slides in from the left
-        tl.to(
+        tl.fromTo(
           '[data-composition-id="intro"] .title-card',
+          {
+            opacity: 0,
+            xPercent: -120,
+          },
           {
             opacity: 1,
-            x: 0,
+            xPercent: 0,
             duration: 0.8,
             ease: "power2.out",
           },
@@ -68,7 +71,7 @@
         tl.to(
           '[data-composition-id="intro"] .title-card',
           {
-            x: "-120%",
+            xPercent: -120,
             opacity: 0,
             duration: 0.6,
             ease: "power2.in",