Update app.py

app.py

@@ -16,30 +16,31 @@ hero_animation = load_lottieurl(lottie_animation_url)
 # App title
 st.title("Zero to Hero in Machine Learning 🚀")
 
-# Add animated text and Lottie animation in the top-right corner
+# Add Lottie animation and animated text in the top-left corner
 st.markdown(
     """
     <div style="position: fixed; top: 20px; left: 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??
+        <!-- Lottie animation -->
+        <div style="width: 100px; height: 100px; margin-right: 20px;">
+            <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>
-            <!-- 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>
+
+        <!-- Animated text -->
+        <div style="font-size:30px; color:#f39c12; font-weight:bold; animation: textAnimation 2s ease-in-out infinite;">
+            Hey User! Are you Ready??
         </div>
     </div>
+
     <style>
     @keyframes textAnimation {
         0% { color: #f39c12; transform: scale(1.1); }