Update pages/4_Model_Creation_and_Evaluation.py

pages/4_Model_Creation_and_Evaluation.py

@@ -171,9 +171,9 @@ else:
     st.warning("No Dataset Found")
 background_image_url = "https://cdn-uploads.huggingface.co/production/uploads/67441c51a784a9d15cb12871/7ZCmkouk1pS37_kREZmYJ.jpeg"
 
-# Custom background styling
+# Apply custom CSS for the background image and overlay
 st.markdown(
-    """
+    f"""
     <style>
         .stApp {{
             background-image: url("{background_image_url}");
@@ -182,17 +182,34 @@ st.markdown(
             background-position: top left;  /* Starts repeating from the top-left corner */
             background-attachment: fixed;  /* Keeps the background fixed as you scroll */
         }}
-        .stApp::before {
+        
+        /* Semi-transparent overlay */
+        .stApp::before {{
             content: "";
             position: absolute;
             top: 0;
             left: 0;
             width: 100%;
             height: 100%;
-            background: rgba(0, 0, 0, 0.4);
+            background: rgba(0, 0, 0, 0.4);  /* Adjust transparency here (0.4 for 40% transparency) */
             z-index: -1;
-        }
+        }}
+        
+        /* 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 */
+        }}
+
+        /* Styling the markdown content */
+        .stMarkdown {{
+            color: white;  /* White text to ensure visibility */
+            font-size: 100px;  /* Adjust font size for readability */
+            # text-align: center;  /* Center align text */
+        }}
     </style>
     """,
     unsafe_allow_html=True
 )
+