Update app.py

app.py

@@ -104,7 +104,7 @@ with gr.Blocks() as demo:
         with gr.Column():
                 
             image_input = gr.Image(label="Input Grid Image", type="pil")
-
+            preview_image = gr.Image(label="Preview GIF Frame")
         with gr.Column():
             with gr.Row():
                 grid_cols_input = gr.Slider(1, 10, value=2, step=1, label="Grid Columns")
@@ -113,14 +113,12 @@ with gr.Blocks() as demo:
                 fps_input = gr.Slider(1, 30, value=10, step=1, label="FPS (Frames per Second)")
                 ping_pong_toggle = gr.Checkbox(label="Ping-Pong Effect")
                 interpolation_factor_input = gr.Slider(1, 10, value=2, step=1, label="Interpolation Factor")
-
-    with gr.Row():
-        zip_button = gr.Button("Create Zip File")
-        gif_button = gr.Button("Create GIF")
-    with gr.Row():
-        preview_image = gr.Image(label="Preview GIF Frame")
-        zip_output = gr.File(label="Download Zip File")
-        gif_output = gr.File(label="Download GIF")
+            with gr.Row():
+                gif_button = gr.Button("Create GIF")
+                zip_button = gr.Button("Create Zip File")
+            with gr.Row():
+                gif_output = gr.File(label="Download GIF")
+                zip_output = gr.File(label="Download Zip File")
     zip_button.click(process_image, inputs=[image_input, grid_cols_input, grid_rows_input], outputs=zip_output)
     gif_button.click(
         process_image_to_gif,