Fix logo display for Hugging Face deployment

- Fix logo path to work correctly on Hugging Face
- Add fallback paths for different deployment environments
- Improve logo sizing (850px -> 600px) for better responsiveness
- Add CSS for better centering and mobile compatibility
- Enhanced error handling for logo loading

app/streamlit_app.py

@@ -624,6 +624,21 @@ def main():
         margin-bottom: 10px;
     }
     
+    /* Logo styling for better centering and responsiveness */
+    .stImage > img {
+        display: block;
+        margin-left: auto;
+        margin-right: auto;
+        max-width: 100%;
+        height: auto;
+    }
+    
+    /* Ensure logo container is centered */
+    .stImage {
+        text-align: center;
+        width: 100%;
+    }
+    
 
     
 
@@ -656,8 +671,23 @@ def main():
     
     with col2:
         try:
-            st.image("app/par-ity project horizontal logo.png", width=850)
-        except:
+            # Try multiple possible paths for the logo file
+            logo_paths = [
+                "par-ity project horizontal logo.png",  # Direct path in current directory
+                "app/par-ity project horizontal logo.png",  # Original path for local development
+                "./par-ity project horizontal logo.png"  # Explicit current directory
+            ]
+            
+            logo_loaded = False
+            for logo_path in logo_paths:
+                if os.path.exists(logo_path):
+                    st.image(logo_path, width=600)  # Reduced width for better mobile compatibility
+                    logo_loaded = True
+                    break
+            
+            if not logo_loaded:
+                st.markdown('<div class="main-header"><h1>⛳ Par-ity Project</h1></div>', unsafe_allow_html=True)
+        except Exception as e:
             st.markdown('<div class="main-header"><h1>⛳ Par-ity Project</h1></div>', unsafe_allow_html=True)
     
     with col3: