Update Home.py


Home.py

@@ -9,7 +9,7 @@ st.markdown("""
 """, unsafe_allow_html=True)
 st.markdown(
     """
-    <img src="https://cdn-uploads.huggingface.co/production/uploads/675fab3a2d0851e23d23cad3/vBi2udNoFPwTnjec40wbw.jpeg" width="100%" />
+    <img src="https://cdn-uploads.huggingface.co/production/uploads/675fab3a2d0851e23d23cad3/8O1ZKtL2Fy7LM4wXzjtjE.jpeg" width="100%" />
     """, 
     unsafe_allow_html=True
 )
@@ -49,9 +49,10 @@ st.markdown(
     <style>
         .stApp {{
             background-image: url("{background_image_url}");
-            background-size: cover;
-            background-position: repeat;
-            height: 100vh;
+            background-size: 60% auto;  /* Ensure the image width is 100% of the screen, and the height scales proportionally */
+            background-repeat: repeat-y;  /* Repeat only vertically */
+            background-position: top center;  /* Start repeating from the top center */
+            background-attachment: fixed;  /* Keeps the background fixed as you scroll */
         }}
         
         /* Semi-transparent overlay */
@@ -65,11 +66,17 @@ st.markdown(
             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 */
+        
+        /* 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: 30px;  /* Adjust font size for better readability */
+            font-size: 100px;  /* Adjust font size for readability */
         }}
     </style>
     """, 
@@ -79,4 +86,3 @@ st.markdown(
 
 
 
-