add groups , interface, howto images

app.py

@@ -173,9 +173,14 @@ with gr.Blocks(theme=gr.themes.Base()) as demo:
                     with gr.Group():                    
                         gr.Markdown(howto)
             with gr.Row():
-                for i in range(4):
-                    with gr.Column():
-                        gr.Image(f"res/image/howto_{i+1}.png", label=f"How To Step {i+1}")
+                with gr.Column():
+                    gr.Image("res/image/howto_1.png", label="Select the Following Parameters")
+                with gr.Column():
+                    gr.Image("res/image/howto_2.png", label="Click on Paintbrush in the Image Editor")
+                with gr.Column():
+                    gr.Image("res/image/howto_3.png", label="Select your Brush Color (Red)")
+                with gr.Column():
+                    gr.Image("res/image/howto_4.png", label="Make a Box Around The Text")
 
     with gr.Row():
         with gr.Column(scale=1):