add groups , interface, howto images

app.py

@@ -172,13 +172,11 @@ with gr.Blocks(theme=gr.themes.Base()) as demo:
                 with gr.Column:
                     with gr.Group():                    
                         gr.Markdown(howto)
-                for i in range(4):
+            with gr.Row():
+                for i in range(5):
                     with gr.Column():
                         gr.Image(f"res/image/howto_{i+1}.png", label=f"How To Step {i+1}")
-                # with gr.Group():                    
-                #     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.Row():
         with gr.Column(scale=1):
             with gr.Group():