Update app.py

app.py

@@ -34,28 +34,55 @@ st.markdown("""
     <div class='radium'>🛡️ PressGuard</div>
 """, unsafe_allow_html=True)
 
-st.markdown(
-    """
-    <img src="https://cdn-uploads.huggingface.co/production/uploads/675fab3a2d0851e23d23cad3/ut9wBSlRR2CCpw95V5ej8.jpeg" width="100%" />
-    """, 
-    unsafe_allow_html=True
-)
+# st.markdown(
+#     """
+#     <img src="https://cdn-uploads.huggingface.co/production/uploads/675fab3a2d0851e23d23cad3/ut9wBSlRR2CCpw95V5ej8.jpeg" width="100%" />
+#     """, 
+#     unsafe_allow_html=True
+# )
 
+# Apply custom CSS for the background image and overlay
+background_image_url="https://cdn-uploads.huggingface.co/production/uploads/675fab3a2d0851e23d23cad3/ut9wBSlRR2CCpw95V5ej8.jpeg"
 st.markdown(
-    """
+    f"""
     <style>
-        body {
-            background-image: url('https://cdn-uploads.huggingface.co/production/uploads/675fab3a2d0851e23d23cad3/ut9wBSlRR2CCpw95V5ej8.jpeg');
-            background-size: cover;
-            background-repeat: no-repeat;
-            background-attachment: fixed;
-        }
+        .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;  /* 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%;
+        }}
+        
+        /* 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;
+        }}
+        
+        /* 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 */
+        }}
     </style>
-    """,
+    """, 
     unsafe_allow_html=True
 )
 
-
 # Background Image and Enhanced Styling
 st.markdown(
     """