Update pages/3_EDA and Feature Engineering.py

pages/3_EDA and Feature Engineering.py

@@ -11,7 +11,7 @@ st.markdown("<h1 style='text-align:center; color:lime;'>EDA and Feature Engineer
 # 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>
@@ -21,6 +21,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