Update app.py

app.py

@@ -593,13 +593,14 @@ def create_interface():
             .gradio-button { width: 100% !important; }
             #main-image { width: 100% !important; height: auto !important; }
             #logo-image {
+                content: url('/static/DIGITAL_GUTPAN_LOGO_m.png'); /* Mobile logo */
                 width: 75px !important; /* 50% of the desktop size for mobile */
                 height: auto;
             }
             .gradio-button { 
                 width: 100% !important; 
                 margin: 5px 0 !important;
-                min-height: 44px !important;  /* 모바일 터치 영역 개선 */
+                min-height: 44px !important;  /* Improved touch area for mobile */
             }
             .gradio-textbox { width: 100% !important; }
             .gradio-audio { width: 100% !important; }
@@ -612,34 +613,33 @@ def create_interface():
             }
         }
         
-        /* 전반적인 UI 개선 */
+        /* Desktop view */
+        @media (min-width: 601px) {
+            #logo-image {
+                content: url('/static/DIGITAL_GUTPAN_LOGO_w.png'); /* Desktop logo */
+                width: auto; /* Use the image's original width */
+                height: auto;
+                display: block;
+                margin: 0 auto;
+            }
+        }
+        
+        /* Overall UI Enhancements */
         .gradio-button {
             transition: all 0.3s ease;
         }
         .gradio-button:active {
             transform: scale(0.98);
         }
-        .gradio-header, .tabs-header, .gradio-container {
-            background: transparent !important;
-            border: none !important;
-            box-shadow: none !important;
-        }
-        
-        /* 로고 이미지 스타일 */
+        /* Logo Container Styling */
         #logo-container {
             background: transparent !important;
             padding: 0;
             margin: 0 auto;
             text-align: center;
         }
-        #logo-image {
-            width: 150px !important; /* Desktop size */
-            height: auto;
-            display: block;
-            margin: 0 auto;
-        }
         
-        /* 메인 이미지 스타일 */
+        /* Main Image Styling */
         .main-image-container {
             background: none;
             text-align: center;