Update app.py

app.py

@@ -9,49 +9,50 @@ from langchain_core.output_parsers import StrOutputParser
 # Set page config
 
 st.set_page_config(page_title="🏏 Ultimate Cricket Analytics", layout="wide")
-Define the URL of the background image (use your own image URL)
+# Define the URL of the background image (use your own image URL)
 background_image_url = "https://cdn-uploads.huggingface.co/production/uploads/675fab3a2d0851e23d23cad3/21R6kZu1KSzSI8AJKMWWD.png"
 
-# # Apply custom CSS for the background image and overlay
 st.markdown(
     f"""
     <style>
+        /* Background image */
         .stApp {{
             background-image: url("{background_image_url}");
-            background-size: auto;  /* Ensure the image width is 100% of the screen, and the height scales proportionally */
-             /* background-repeat: ; Repeat only vertically */
-            background-position: top center;  /* Start repeating from the top center */
-            background-attachment: fixed;  /* Keeps the background fixed as you scroll */
-            height: 100%;
+            background-size: cover;
+            background-repeat: repeat-y;  /* Repeat vertically */
+            background-position: top center;
+            background-attachment: fixed;
+            position: relative;
         }}
-        
-        /* Semi-transparent overlay */
+
+        /* Dark overlay */
         .stApp::before {{
             content: "";
-            position: absolute;
+            position: fixed;
             top: 0;
             left: 0;
             width: 100%;
             height: 100%;
-            background: rgba(0, 0, 0, 0.4);  /* Adjust transparency here (0.4 for 40% transparency) */
-            z-index: -1;
+            background-color: rgba(0, 0, 0, 0.4);  /* 40% black overlay */
+            z-index: 0;
         }}
-        
-        /* Container to center elements and limit width */
-        .content-container {{
-            max-width: 70%;  /* Limit content width to 70% */
-            margin: 0 auto;  /* Center the container */
-            padding: 50px;  /* Add some padding for spacing */
+
+        /* Ensure all content is above the overlay */
+        .block-container {{
+            position: relative;
+            z-index: 1;
         }}
-        /* Styling the markdown content */
+
+        /* Optional: style markdown globally */
         .stMarkdown {{
-            color: white;  /* White text to ensure visibility */
-            font-size: 100px;  /* Adjust font size for readability */
+            color: white !important;
+            font-size: 20px !important;
         }}
     </style>
-    """, 
+    """,
     unsafe_allow_html=True
 )
+