Update app.py

app.py

@@ -446,7 +446,32 @@ citation_css = """
 }
 """
 
-final_css = f"{custom_css}\n{base_css}\n{intro_css}\n{markdown_css}\n{tab_css}\n{radio_css}\n{citation_css}"
+about_image_css = """
+/* --- CSS for the Image in the About Tab --- */
+#intro-image img { /* Target the actual <img> tag inside the Gradio component */
+    display: block;         /* Treat the image as a block element */
+    max-width: 800px;       /* Set a maximum width (adjust as needed) */
+    width: 90%;             /* Make width responsive (e.g., 90% of its container) */
+    height: auto;           /* Maintain aspect ratio */
+    margin-top: 2rem;       /* Add space above the image */
+    margin-bottom: 1rem;    /* Add space below the image */
+    margin-left: auto;      /* Center the image horizontally */
+    margin-right: auto;     /* Center the image horizontally */
+    border-radius: 8px;     /* Optional: add rounded corners */
+    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Optional: add a subtle shadow */
+}
+
+/* Optional: Different styles for smaller screens */
+@media (max-width: 768px) {
+    #intro-image img {
+        max-width: 100%; /* Allow it to use full width on small screens */
+        width: 95%;      /* Adjust percentage if needed */
+        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}"
 
 # ---------------------------------------------------------------------------
 # Build the Gradio UI
@@ -505,6 +530,14 @@ with demo:
         with gr.Column():
             gr.Markdown(LLM_BENCHMARKS_TEXT, elem_classes="markdown-text")
 
+        # NEW ⭐: image immediately below the introduction
+        with gr.Row():
+            gr.Image(
+                value="overview.jpg",  
+                show_label=False,                
+                elem_id="intro-image",            
+            )
+
     # Citation accordion (bottom of page)
     with gr.Accordion("📙 Citation", open=False, elem_classes="gradio-accordion"):
         gr.Textbox(