fix: gr.Markdown doesn't work properly

app.py

@@ -208,7 +208,7 @@ with gr.Blocks(css_paths="styles.css", theme=gr.themes.Ocean(), title="Voost: Vi
 
     with gr.Row():
         with gr.Column(scale=1):
-            gr.Markdown("<center><h4>Step 1: Select <em>Try-On</em> or <em>Try-Off</em> mode. </h4></center>")
+            gr.HTML("<center><h4>Step 1: Select <em>Try-On</em> or <em>Try-Off</em> mode. </h4></center>")
             input_toggle = Toggle(
                 label="Try-On",
                 value=False,
@@ -219,7 +219,7 @@ with gr.Blocks(css_paths="styles.css", theme=gr.themes.Ocean(), title="Voost: Vi
         )
         
         with gr.Column(scale=1):
-            gr.Markdown("<center><h4>Step 2: Select your desired garment type.</h4></center>")
+            gr.HTML("<center><h4>Step 2: Select your desired garment type.</h4></center>")
             garment_condition = gr.Radio(
                 choices=["Upper", "Lower", "Full"],
                 value="Upper", 
@@ -231,7 +231,7 @@ with gr.Blocks(css_paths="styles.css", theme=gr.themes.Ocean(), title="Voost: Vi
 
     with gr.Row():
         with gr.Column(scale=1, elem_id="col-left"):
-            gr.Markdown("<center><h4>Step 3: Upload a model image. <br> (Optional) Use the draw tool to create the mask. ⬇️</h4></center>")
+            gr.HTML("<center><h4>Step 3: Upload a model image. <br> (Optional) Use the draw tool to create the mask. ⬇️</h4></center>")
             model_image = gr.ImageEditor(
                 label="Model Image",
                 type="pil",
@@ -254,7 +254,7 @@ with gr.Blocks(css_paths="styles.css", theme=gr.themes.Ocean(), title="Voost: Vi
             )
         
         with gr.Column(scale=1, elem_id="col-mid"):
-            gr.Markdown("<center><h4>Step 4: Upload a garment image. ⬇️ <br><br></h4></center>")
+            gr.HTML("<center><h4>Step 4: Upload a garment image. ⬇️ <br><br></h4></center>")
             garment_input = gr.Image(
                 label="Garment Image",
                 type="pil",
@@ -272,7 +272,7 @@ with gr.Blocks(css_paths="styles.css", theme=gr.themes.Ocean(), title="Voost: Vi
             )
 
         with gr.Column(scale=1, elem_id="col-right"):
-            gr.Markdown("<center><h4>Step 5: Click the button below to run the model! ⬇️ <br><br></h4></center>")
+            gr.HTML("<center><h4>Step 5: Click the button below to run the model! ⬇️ <br><br></h4></center>")
             output_image = gr.Image(
                 format="png",
                 label="Output Image",