Update app.py

app.py

@@ -242,7 +242,7 @@ def app_gradio():
         @media (max-width: 768px) {
     .gr-column {
         width: 100% !important;
-        padding: 0.5rem;
+        padding: 0.5rem !important;
     }
     .gr-row {
         flex-direction: column !important;
@@ -255,19 +255,23 @@ def app_gradio():
         padding: 0.8rem 1rem;
         font-size: 1rem;
     }
+    .gr-image {
+        width: 100% !important;
+    }
 }
 
 @media (max-width: 480px) {
     .gr-slider, .gr-radio-group, .gr-markdown, .gr-accordion {
         font-size: 0.9rem !important;
-        padding: 0.5rem;
+        padding: 0.5rem !important;
     }
     button.primary-btn {
-        font-size: 0.8rem;
-        padding: 0.6rem 0.8rem;
+        font-size: 0.8rem !important;
+        padding: 0.6rem 0.8rem !important;
     }
-    .gr-form {
-        margin: 0.5rem;
+    .gr-image {
+        width: 100% !important;
+        height: auto !important;
     }
 }
         button.primary-btn { 
@@ -349,7 +353,8 @@ def app_gradio():
                     person_image = gr.ImageEditor(
                         interactive=True, 
                         label="Upload Your Photo", 
-                        type="filepath"
+                        type="filepath",
+                        elem_classes="gr-image"
                     )
 
                 with gr.Row():
@@ -357,7 +362,8 @@ def app_gradio():
                         cloth_image = gr.Image(
                             interactive=True, 
                             label="Select Garment", 
-                            type="filepath"
+                            type="filepath",
+                            lem_classes="gr-image"
                         )
                     with gr.Column(scale=1, min_width="auto"):
                         gr.Markdown(
@@ -440,7 +446,7 @@ def app_gradio():
                 )
                 with gr.Row():
                     root_path = "resource/demo/example"
-                    with gr.Column():
+                    with gr.Column(min_width="auto"):
                         men_exm = gr.Examples(
                             examples=[
                                 os.path.join(root_path, "person", "men", _)
@@ -459,7 +465,7 @@ def app_gradio():
                             inputs=image_path,
                             label="Sample Photos - Women",
                         )
-                    with gr.Column():
+                    with gr.Column(min_width="auto"):
                         condition_upper_exm = gr.Examples(
                             examples=[
                                 os.path.join(root_path, "condition", "upper", _)