app look

app.py

@@ -29,11 +29,6 @@ st.markdown("""
         font-family: 'Amazon Ember', sans-serif;
     }
     
-    .logo-container {
-    margin-bottom: 3rem;  /* Increase spacing between logo and cards */
-    position: relative;
-    z-index: 1;
-}
 
 
     .block-container {
@@ -134,19 +129,12 @@ st.markdown("""
 # Header with logo and title
 col_logo, col_title = st.columns([31, 66])
 with col_logo:
-    st.markdown("""
-    <div class="logo-container" style="position: absolute; top: 2rem; left: 2rem;">
-        <img src="/home/user/app/images/OS_AI_1_cropped.png" style="width: 180px;">
-    </div>
-""", unsafe_allow_html=True)
-
-    # Optional: Add a margin-top to the demo section to avoid overlap
-    st.markdown("<div style='margin-top: 160px;'></div>", unsafe_allow_html=True)
+    st.image("/home/user/app/images/OS_AI_1_cropped.png", use_column_width=True)
 
-# st.write("")
-# st.write("")
-# st.write("")
-# st.write("")
+st.write("")
+st.write("")
+st.write("")
+st.write("")