Update app.py

app.py

@@ -303,6 +303,21 @@ with gr.Blocks(theme="Yntec/HaleyCH_Theme_Orange", css=css) as demo:
             with gr.Group(elem_classes="main-panel"):
                 gr.Markdown("### Generated Results")
                 with gr.Row():
+                    with gr.Column(scale=3):
+                        image_seq = gr.Image(
+                            label=english_labels["Strip"],
+                            elem_id="strip",
+                            height=100
+                        )
+                    with gr.Column(scale=2):
+                        output_image = gr.Video(
+                            label=english_labels["Looping video"],
+                            elem_id="video",
+                            loop=True,
+                            autoplay=True,
+                            height=100
+                        )
+                with gr.Row(): # Moved this block to be after the video
                     with gr.Column():
                         post_generation_image = gr.Image(
                             label=english_labels["Generated Images"],
@@ -318,21 +333,6 @@ with gr.Blocks(theme="Yntec/HaleyCH_Theme_Orange", css=css) as demo:
                             label=english_labels["From 1st to 2nd direction"]
                         )
 
-                with gr.Row():
-                    with gr.Column(scale=3):
-                        image_seq = gr.Image(
-                            label=english_labels["Strip"],
-                            elem_id="strip",
-                            height=100
-                        )
-                    with gr.Column(scale=2):
-                        output_image = gr.Video(
-                            label=english_labels["Looping video"],
-                            elem_id="video",
-                            loop=True,
-                            autoplay=True,
-                            height=100
-                        )
 
     # Examples Section
     gr.Examples(