Update app.py

app.py

@@ -1,6 +1,8 @@
 import streamlit as st
 import pandas as pd
 from PIL import Image
+import base64
+from io import BytesIO
 
 # Set up page config
 st.set_page_config(
@@ -75,22 +77,23 @@ st.markdown(
 st.markdown('<div class="container">', unsafe_allow_html=True)
 
 st.markdown(
-    """
+    f"""
     <style>
-    .logo-container {
+    .logo-container {{
         display: flex;
         justify-content: flex-start;  /* Aligns to the left */
-    }
-    .logo-container img {
-        width: 40%;  /* Adjust this to control the width, e.g., 50% of container width */
-        max-width: 200px;  /* Set a maximum width */
-    }
+    }}
+    .logo-container img {{
+        width: 50%;  /* Adjust this to control the width, e.g., 50% of container width */
+        max-width: 300px;  /* Set a maximum width */
+    }}
     </style>
     <div class="logo-container">
-        <img src="data:image/png,{img_data}" alt="FactBench Leaderboard Logo">
+        <img src="data:image/png;base64,{logo_image}" alt="FactBench Leaderboard Logo">
     </div>
-    """.format(img_data=st.image(logo_image, output_format="PNG")),
-    unsafe_allow_html=True)
+    """,
+    unsafe_allow_html=True
+)
 # st.image(logo_image, wi)
 # st.markdown('<div class="title">FactBench Leaderboard</div>',
 #             unsafe_allow_html=True)