Update app.py

app.py

@@ -339,15 +339,21 @@ def invert_init_image_display(image):
     return inverted
 
 css = """
-h1, h2, h3, h4, h5, h6, p, li, ul, ol, a {
+h1, h2, h3, h4, h5, h6, p, li, ul, ol, a, .centered-image {
     text-align: center;
     display: block;
+    margin-left: auto;
+    margin-right: auto;
 }
 ul, ol {
     margin-left: auto;
     margin-right: auto;
     display: table;
 }
+.centered-image {
+    max-width: 100%;
+    height: auto;
+}
 """
 
 # Add login function
@@ -364,8 +370,10 @@ with gr.Blocks(theme='Hev832/Applio', css=css, fill_width=True, fill_height=True
     with gr.Tab("Welcome"):
         gr.Markdown(
             """
-            ![Yamamoto Logo](https://cdn-uploads.huggingface.co/production/uploads/64740cf7485q8e1bd51ac9/_VyYxp5qE_nRZ_LJqBxmL.webp)
+            <img src="https://cdn-uploads.huggingface.co/production/uploads/64740cf7485a7c8e1bd51ac9/8lHjpId7-JDalHq1JByPE.webp" alt="Yamamoto Logo" class="centered-image">
+            
             # 🎨 Yamamoto QR Code Art Generator
+        
             ## Transform Your QR Codes into Brand Masterpieces
             This cutting-edge tool empowers our creative team to craft visually stunning,<br> 
             on-brand QR codes that perfectly blend functionality with artistic expression.
@@ -615,20 +623,20 @@ with gr.Blocks(theme='Hev832/Applio', css=css, fill_width=True, fill_height=True
 
     with gr.Tab("Image Editing"):
         with gr.Column():
-            image_selector = gr.Dropdown(label="Select Image to Edit", choices=[], interactive=True)
+            image_selector = gr.Dropdown(label="Select Image to Edit", choices=[], interactive=True, visible=False)
             image_to_edit = gr.Image(label="Your Artistic QR Code", show_download_button=True, show_fullscreen_button=True)
 
-            with gr.Row():
-                edited_image = gr.Image(label="Edited QR Code", show_download_button=True, show_fullscreen_button=True)
-                scan_button = gr.Button("Verify QR Code Works")
-                scan_result = gr.Textbox(label="Validation Result of QR Code", interactive=False)
-
             with gr.Row():
                 brightness = gr.Slider(minimum=0.1, maximum=2.0, step=0.1, value=1.0, label="Brightness")
                 contrast = gr.Slider(minimum=0.1, maximum=2.0, step=0.1, value=1.0, label="Contrast")
                 saturation = gr.Slider(minimum=0.1, maximum=2.0, step=0.1, value=1.0, label="Saturation")
             with gr.Row():
                 invert_button = gr.Button("Invert Image", size="sm")
+
+            with gr.Row():
+                edited_image = gr.Image(label="Edited QR Code", show_download_button=True, show_fullscreen_button=True, visible=False)
+                scan_button = gr.Button("Verify QR Code Works", size="sm")
+                scan_result = gr.Textbox(label="Validation Result of QR Code", interactive=False)
                 
             used_seed = gr.Number(label="Seed Used", interactive=False)