Update app.py

app.py

@@ -16,14 +16,29 @@ hero_animation = load_lottieurl(lottie_animation_url)
 # App title
 st.title("Zero to Hero in Machine Learning 🚀")
 
-# Add Lottie animation at the top of the page
-st_lottie(hero_animation, height=300, key="hero")
-
-# Add animated text "Hey User! Are you Ready??" in the top-right corner
+# Add animated text and Lottie animation in the top-right corner
 st.markdown(
     """
-    <div style="position: fixed; top: 20px; right: 20px; font-size:30px; color:#f39c12; font-weight:bold; animation: textAnimation 2s ease-in-out infinite;">
-        Hey User! Are you Ready??
+    <div style="position: fixed; top: 20px; right: 20px; display: flex; align-items: center;">
+        <div style="font-size:30px; color:#f39c12; font-weight:bold; animation: textAnimation 2s ease-in-out infinite; margin-right: 20px;">
+            Hey User! Are you Ready??
+        </div>
+        <div>
+            <!-- Lottie animation -->
+            <div style="width: 100px; height: 100px;">
+                <script src="https://cdnjs.cloudflare.com/ajax/libs/bodymovin/5.7.10/lottie.min.js"></script>
+                <div id="lottie"></div>
+                <script>
+                    var animation = bodymovin.loadAnimation({
+                        container: document.getElementById('lottie'),
+                        renderer: 'svg',
+                        loop: true,
+                        autoplay: true,
+                        path: 'https://lottie.host/45619748-3867-4f57-8f50-cac297eca2da/1q98CFxp2I.json'
+                    });
+                </script>
+            </div>
+        </div>
     </div>
     <style>
     @keyframes textAnimation {