Update style.css

style.css

@@ -1,8 +1,19 @@
 .stApp {
-    background: linear-gradient(to right, green, red); 
+    background: linear-gradient(to right, green, red); /* Gradient from green to red */
     background-size: cover;
-    background-position: center;
     height: 100vh;
     margin: 0;
     font-family: Arial, sans-serif;
+    position: relative; /* To position the overlay */
+}
+
+.stApp::after {
+    content: "";
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    background-color: rgba(0, 0, 0, 0.5); /* Black overlay with 50% opacity */
+    z-index: -1; /* Place the overlay behind the content */
 }