Update app.py

app.py

@@ -1,25 +1,24 @@
 import streamlit as st
 
-# Custom CSS to set the maximum width of the main container
-custom_css = """
+page_bg_img = f"""
 <style>
 [data-testid="stAppViewContainer"] > .main {{
-    max-width: 1200px;
-    margin: 0 auto;
-}}
-[data-testid="stAppViewContainer"] {{
-    padding: 0;
+background-image: url("https://i.postimg.cc/4xgNnkfX/Untitled-design.png");
+background-size: cover;
+background-position: center center;
+background-repeat: no-repeat;
+background-attachment: local;
 }}
 [data-testid="stHeader"] {{
-    background: rgba(0,0,0,0);
+background: rgba(0,0,0,0);
 }}
 .stTitle {{
-    color: #ffffff;
-    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
+color: #ffffff;
+text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
 }}
 .stSubheader {{
-    color: #ffffff;
-    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
+color: #ffffff;
+text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
 }}
 .link-icon {{
     display: flex;
@@ -40,7 +39,7 @@ custom_css = """
 </style>
 """
 
-st.markdown(custom_css, unsafe_allow_html=True)
+st.markdown(page_bg_img, unsafe_allow_html=True)
 
 audioldm_exmples_input_paths = []
 audioldm_exmples_original_paths = []