Video Background

app.py

@@ -37,17 +37,33 @@ if not st.session_state.cleanup_done:
 if not os.path.exists(UPLOAD_DIR):
     os.makedirs(UPLOAD_DIR, exist_ok=True)
 
-# Custom CSS for Xailor.ai-like theme with background and header
+# Custom CSS for Xailor.ai-like theme with video background
 st.markdown(
     """
     <style>
     body {
-        background-color: #0D1117;
-        color: #C9D1D9;
+        margin: 0;
+        padding: 0;
         font-family: 'Arial', sans-serif;
-        background-image: url('https://www.xailor.ai/assets/background.svg');
-        background-size: cover;
-        background-position: center;
+        color: #C9D1D9;
+    }
+    .main-bg {
+        position: fixed;
+        top: 0;
+        left: 0;
+        width: 100%;
+        height: 100%;
+        z-index: -1;
+        overflow: hidden;
+    }
+    .main-bg video {
+        position: absolute;
+        top: 50%;
+        left: 50%;
+        transform: translate(-50%, -50%);
+        width: 100%;
+        height: 100%;
+        object-fit: cover;
     }
     .stButton button {
         background-color: #1F6FEB;
@@ -94,6 +110,18 @@ st.markdown(
     unsafe_allow_html=True
 )
 
+# HTML for video background
+st.markdown(
+    """
+    <div class="main-bg">
+        <video autoplay loop muted>
+            <source src="https://vimeo.com/464431550" type="video/mp4">
+        </video>
+    </div>
+    """,
+    unsafe_allow_html=True
+)
+
 # Xailor.ai-like header without logo
 st.markdown(
     """