Modified image size

app.py

@@ -121,8 +121,34 @@ with gr.Blocks() as demo:
             get_leaderboard_object(df_results=df)
             # TODO: this is not going to update well, need to fix
         
+        gr.Markdown(
+            """
+            <style>
+            .resized-image img {
+                width: 80%;
+                height: auto;
+                display: block;
+                margin-left: auto;
+                margin-right: auto;
+            }
+
+            @media (max-width: 768px) {
+                .resized-image img {
+                    width: 100%;
+                }
+            }
+            </style>
+            """,
+            elem_id="style-inject"
+        )
+        
         with gr.TabItem("❔About", elem_id="abdev-benchmark-tab-table"):
-            gr.Image(value="./assets/competition_logo.jpg")
+            gr.Image(
+                value="./assets/competition_logo.jpg",
+                show_label=False,
+                elem_classes=["resized-image"],
+                show_download_button=False,
+            )
             gr.Markdown(
                 """
                 ## About this challenge