Update app.py

app.py

@@ -475,7 +475,36 @@ about_image_css = """
 }
 """
 
-final_css = f"{custom_css}\n{base_css}\n{intro_css}\n{markdown_css}\n{tab_css}\n{radio_css}\n{citation_css}\n{about_image_css}"
+
+intro_image_css = """
+/* --- CSS for the Image container in the About Tab --- */
+#intro-image {
+    background-color: transparent !important; 
+    padding: 0 !important; 
+    border: none !important; 
+}
+
+/* --- CSS for the Image tag itself in the About Tab --- */
+#intro-image img { /* Target the actual <img> tag */
+    display: block;
+    max-width: 600px;
+    width: 90%;
+    height: auto;
+    margin: 2rem auto 1rem auto; /* Adjusted margin slightly */
+    border-radius: 8px;
+    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
+}
+
+/* Optional: Different styles for smaller screens */
+@media (max-width: 768px) {
+    #intro-image img {
+        max-width: 100%;
+        width: 95%;
+        margin-top: 1.5rem;
+    }
+}
+"""
+final_css = f"{custom_css}\n{base_css}\n{intro_css}\n{markdown_css}\n{tab_css}\n{radio_css}\n{citation_css}\n{about_image_css}\n{intro_image_css}"
 
 # ---------------------------------------------------------------------------
 # Build the Gradio UI
@@ -486,20 +515,18 @@ demo = gr.Blocks(css=final_css, theme=gr.themes.Soft())
 with demo:
     # Title
     gr.HTML(TITLE)
+    # NEW ⭐: image immediately below the introduction
+    with gr.Row():
+        gr.Image(
+            value="icon.jpg",  
+            show_label=False,                
+            elem_id="intro-image",            
+        )
 
     # Introduction (Markdown wrapped so CSS can target .introduction-wrapper)
     with gr.Row():
         gr.Markdown(INTRODUCTION_TEXT, elem_classes="introduction-wrapper")
 
-    
-    # NEW ⭐: image immediately below the introduction
-    # with gr.Row():
-    #     gr.Image(
-    #         value="overview.jpg",  
-    #         show_label=False,                
-    #         elem_id="intro-image",            
-    #     )
-
     with gr.Tabs(elem_classes="tab-buttons"):
         # ------------------ Leaderboard tab ------------------
         with gr.TabItem("🏅 MLE-Dojo Benchmark", id=0):