Update pages/0_Problem Statement.py

pages/0_Problem Statement.py

@@ -24,7 +24,7 @@ st.markdown("![Problem_Statement-768x432.jpg](https://cdn-uploads.huggingface.co
 # Define the URL of the background image (use your own image URL)
 background_image_url = "https://cdn-uploads.huggingface.co/production/uploads/675fab3a2d0851e23d23cad3/HjW7hOgulTijaArK4lMUL.jpeg"
 
-# Apply custom CSS for the background image
+# Apply custom CSS for the background image and overlay
 st.markdown(
     f"""
     <style>
@@ -34,6 +34,23 @@ st.markdown(
             background-position: center;
             height: 100vh;
         }}
+        
+        /* Semi-transparent overlay */
+        .stApp::before {{
+            content: "";
+            position: absolute;
+            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;
+        }}
+
+        /* Styling the content to ensure text visibility */
+        .stMarkdown {{
+            color: white;  /* Ensure text is white for contrast */
+        }}
     </style>
     """, 
     unsafe_allow_html=True