Update app.py

app.py

@@ -61,6 +61,7 @@ interface = gr.Interface(
         100% { background-position: 0% 50%; }
     }
 
+    /* Adding the background animation */
     .gradio-container {
         background: rgba(0, 0, 0, 0.5);
         border-radius: 20px;
@@ -69,6 +70,17 @@ interface = gr.Interface(
         max-width: 700px;
         box-shadow: 0 8px 15px rgba(0, 0, 0, 0.5);
         overflow-y: auto;  /* Make content inside the container scrollable */
+        animation: fadeIn 1s ease-out;
+    }
+
+    /* Fade in effect for container */
+    @keyframes fadeIn {
+        from {
+            opacity: 0;
+        }
+        to {
+            opacity: 1;
+        }
     }
 
     .gradio-header {