add groups , interface, howto images

app.py

@@ -169,18 +169,13 @@ with gr.Blocks(theme=gr.themes.Base()) as demo:
     with gr.Row():
         with gr.Accordion("How to use Fine-grained OCR (Color)", open=False):
             with gr.Row():
-                with gr.Column:
-                    with gr.Group():                    
-                        gr.Markdown(howto)
+                gr.Image("res/image/howto_1.png", label="Select the Following Parameters")
+                gr.Image("res/image/howto_2.png", label="Click on Paintbrush in the Image Editor")
+                gr.Image("res/image/howto_3.png", label="Select your Brush Color (Red)")
+                gr.Image("res/image/howto_4.png", label="Make a Box Around The Text")
             with gr.Row():
-                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.Group():
+                    gr.Markdown(howto)
 
     with gr.Row():
         with gr.Column(scale=1):