Update app.py

app.py

@@ -71,7 +71,7 @@ with gr.Blocks(title="DeepV for RTL (Model-Agnostic)", theme=gr.themes.Soft()) a
                 )
             
         with gr.Column(scale=3):
-            # --- DeepV Logo using gr.Image and CSS for styling ---
+            # --- DeepV Logo using gr.Image and robust CSS for styling ---
             with gr.Row(elem_id="logo-row"):
                 gr.Image("DeepV_logo.png", width=300, height=85, show_label=False, elem_id="deepv-logo")
             
@@ -152,28 +152,37 @@ with gr.Blocks(title="DeepV for RTL (Model-Agnostic)", theme=gr.themes.Soft()) a
             letter-spacing: 1px;
         }
 
-        /* Target and hide the Gradio UI elements around the image */
-        #deepv-logo > .gr-image-container,
-        #deepv-logo > .gr-image-label {
-            display: none !important;
+        /* Target the Gradio Image component and its internal elements */
+        #deepv-logo {
+            background-color: transparent !important; /* Remove white background */
+            border: none !important; /* Remove border */
+            box-shadow: none !important; /* Remove shadow */
+            padding: 0 !important; /* Remove any padding */
+            margin: 0 !important; /* Remove any margin */
+            overflow: hidden !important; /* Hide anything that overflows */
         }
 
-        #deepv-logo {
-            border: none !important;
-            box-shadow: none !important;
-            height: 90px !important; /* Adjust height to match the larger image */
-            display: flex;
-            justify-content: center;
-            align-items: center;
+        /* Hide the expand, download, and share buttons */
+        #deepv-logo .gallery-item.min,
+        #deepv-logo .btn.tool,
+        #deepv-logo .wrap-inner.border-none {
+            display: none !important;
         }
 
+        /* Ensure the image itself fills the component without extra space */
+        #deepv-logo img {
+            width: 100% !important;
+            height: 100% !important;
+            object-fit: contain !important;
+        }
+        
         /* Simplified logo row styling */
         #logo-row {
             display: flex;
             align-items: center;
             justify-content: center;
             margin-bottom: 10px;
-            height: 80px; 
+            height: 85px; /* Adjust height to fit the larger logo better */
         }
 
         #verilog-output {