adjust format

app.py

@@ -11,12 +11,9 @@ tryon_css="""
     max-width: 420px;
 }
 #garm_img {
-    display: block;
-    margin: 0 auto;
+    aspect-ratio: 3 / 4;
+    width: 100%;
     max-height: 560px;
-    max-width: 420px;
-    height: auto;
-    width: auto;
     object-fit: contain;
 }
 #col-person {
@@ -24,12 +21,9 @@ tryon_css="""
     max-width: 420px;
 }
 #person_img {
-    display: block;
-    margin: 0 auto;
+    aspect-ratio: 3 / 4;
+    width: 100%;
     max-height: 560px;
-    max-width: 420px;
-    height: auto;
-    width: auto;
     object-fit: contain;
 }
 #col-result {
@@ -37,12 +31,9 @@ tryon_css="""
     max-width: 420px;
 }
 #result_img {
-    display: block;
-    margin: 0 auto;
+    aspect-ratio: 3 / 4;
+    width: 100%;
     max-height: 560px;
-    max-width: 420px;
-    height: auto;
-    width: auto;
     object-fit: contain;
 }
 #col-examples {

data/header.html

@@ -10,7 +10,7 @@
         <a href="https://huhu.ai/try-on-api/"><img src="https://img.shields.io/badge/API-Huhu%20AI-red?style=plastic"></a>
     </div>
     <br>
-    <div style="text-align: center; font-size: 16px; max-width: 1000px; margin: 0 auto;">
+    <div style="text-align: center; font-size: 24px; max-width: 1000px; margin: 0 auto;">
         Try the fastest virtual try-on model — generation can be completed in as little as 10 seconds. <br>
         If you like our project please visit our official website for the latest model updates.
     </div>