make mobile friendly

app.py

@@ -37,21 +37,26 @@ st.set_page_config(layout="wide")
 
 
 # Logo
-cols = st.columns([1, 11, 1])
-with cols[0]:
-    st.image("Final_IITGN-Logo-symmetric-Color.png")
-with cols[-1]:
-    st.image("IFS.jpg")
+# Logo
+st.write(
+    f"""
+    <div style="display: flex; justify-content: space-between; align-items: center;">
+        <img src="https://huggingface.co/spaces/SustainabilityLabIITGN/NDVI_PERG/resolve/main/Final_IITGN-Logo-symmetric-Color.png"  style="width: 10%; margin-right: auto;">
+        <img src="https://huggingface.co/spaces/SustainabilityLabIITGN/NDVI_PERG/resolve/main/IFS.jpg" style="width: 10%; margin-left: auto;">
+    </div>
+    """,
+    unsafe_allow_html=True,
+)
 
 # Title
 # make title in center
-with cols[1]:
-    st.markdown(
-        f"""
-        <h1 style="text-align: center;">KML Viewer</h1>
-        """,
-        unsafe_allow_html=True,
-    )
+# with cols[1]:
+st.markdown(
+    f"""
+    <h1 style="text-align: center;">KML Viewer</h1>
+    """,
+    unsafe_allow_html=True,
+)
 
 file_url = st.query_params.get("file_url", None)