At the home scsection of the website we currently have the "AMPLIFY YOUR 2026" I love it but can you make it slowly fade after 4 secound

components/amplify-2026.js

@@ -171,10 +171,18 @@ class Amplify2026 extends HTMLElement {
 
       requestAnimationFrame(animate);
     }
-
     // Start animation
     setTimeout(animate, 1000);
-  }
+    
+    // Fade out text after 4 seconds
+    setTimeout(() => {
+        const textElement = this.shadowRoot.getElementById('amplify-text');
+        if (textElement) {
+            textElement.style.transition = 'opacity 2s ease-out';
+            textElement.style.opacity = '0';
+        }
+    }, 4000);
+}
 }
 
 customElements.define('amplify-2026', Amplify2026);