Update app.py

app.py

@@ -448,16 +448,16 @@ citation_css = """
 
 about_image_css = """
 /* --- CSS for the Image container in the About Tab --- */
-#intro-image {
+#about-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 */
+#about-image img { /* Target the actual <img> tag */
     display: block;
-    max-width: 800px;
+    max-width: 900px;
     width: 90%;
     height: auto;
     margin: 2rem auto 1rem auto; /* Adjusted margin slightly */
@@ -467,7 +467,7 @@ about_image_css = """
 
 /* Optional: Different styles for smaller screens */
 @media (max-width: 768px) {
-    #intro-image img {
+    #about-image img {
         max-width: 100%;
         width: 95%;
         margin-top: 1.5rem;
@@ -566,7 +566,7 @@ with demo:
             gr.Image(
                 value="overview.jpg",  
                 show_label=False,                
-                elem_id="intro-image",            
+                elem_id="about-image",            
             )
 
     # Citation accordion (bottom of page)