Update app.py

app.py

@@ -590,12 +590,12 @@ def create_interface():
     css = """
         @media (max-width: 600px) {
             .container { padding: 10px !important; }
-                    .gradio-button { width: 100% !important; }
-                    #main-image { width: 100% !important; height: auto !important; } /* Full width on mobile */
+            .gradio-button { width: 100% !important; }
+            #main-image { width: 100% !important; height: auto !important; }
             #logo-image {
-                width: 75px; /* 50% of the desktop size for mobile */
+                width: 75px !important; /* 50% of the desktop size for mobile */
                 height: auto;
-                }
+            }
             .gradio-button { 
                 width: 100% !important; 
                 margin: 5px 0 !important;
@@ -609,10 +609,9 @@ def create_interface():
             .gradio-dataframe {
                 overflow-x: auto !important;
                 max-width: 100% !important;
-            
             }
         }
-    
+        
         /* 전반적인 UI 개선 */
         .gradio-button {
             transition: all 0.3s ease;
@@ -626,40 +625,27 @@ def create_interface():
             box-shadow: none !important;
         }
         
-        #intro-section {
-            text-align: center;
-            padding: 0;
-            margin: 0;
-        }
         /* 로고 이미지 스타일 */
         #logo-container {
-            background: transparent !important; /* Force transparent background */
-            padding: 0;
-            margin: 0 auto;
-            text-align: center;
-        }
-        
-        #logo-container {
-            background: transparent !important; /* Force transparent background */
+            background: transparent !important;
             padding: 0;
             margin: 0 auto;
             text-align: center;
         }
-        
         #logo-image {
-            width: 150px; /* Desktop size */
+            width: 150px !important; /* Desktop size */
             height: auto;
             display: block;
             margin: 0 auto;
         }
-                    
+        
+        /* 메인 이미지 스타일 */
         .main-image-container {
-            background: none; /* Remove any background color */
+            background: none;
             text-align: center;
             margin-top: 20px;
             margin-bottom: 80px;
         }
-    
         #main-image {
             width: 600px;
             height: 600px;