adjust css

app.py

@@ -9,16 +9,25 @@ tryon_css="""
 #col-garment {
     margin: 0 auto;
     max-width: 420px;
+}
+#garm_img {
+    margin: 0 auto;
     max-height: 560px;
 }
-#col-mid {
+#col-person {
     margin: 0 auto;
     max-width: 420px;
+}
+#person_img {
+    margin: 0 auto;
     max-height: 560px;
 }
-#col-right {
+#col-result {
     margin: 0 auto;
     max-width: 420px;
+}
+#result_img {
+    margin: 0 auto;
     max-height: 560px;
 }
 #col-examples {
@@ -144,7 +153,7 @@ with gr.Blocks(css=tryon_css) as Huhu_Turbo:
             """)
     with gr.Row():
         with gr.Column(elem_id = "col-garment"):
-            garm_img = gr.Image(label="Garment image", sources='upload', type="filepath")
+            garm_img = gr.Image(label="Garment image", sources='upload', type="filepath", elem_id="garm_img")
             category = gr.Dropdown(label="Garment type", choices=['Top', 'Bottom', 'Fullbody'],  value="Top")
             garm_example = gr.Examples(
                 inputs=garm_img,
@@ -153,14 +162,14 @@ with gr.Blocks(css=tryon_css) as Huhu_Turbo:
                 cache_examples=False 
             )
         with gr.Column(elem_id = "col-person"):
-            person_img = gr.Image(label="Person image", sources='upload', type="filepath")
+            person_img = gr.Image(label="Person image", sources='upload', type="filepath", elem_id="person_img")
             person_example = gr.Examples(
                 inputs=person_img,
                 examples_per_page=10,
                 examples=person_list_path
             )
         with gr.Column(elem_id = "col-result"):
-            result_img = gr.Image(label="Result", show_share_button=False)
+            result_img = gr.Image(label="Result", show_share_button=False, elem_id="result_img")
             with gr.Row():
                 result_info = gr.Text(label="Tryon inference runtime")
             generate_button = gr.Button(value="RUN", elem_id="button")