add groups , interface, howto images

app.py

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