Update app.py

app.py

@@ -30,18 +30,6 @@ img {
 }
 """
 
-# Optional CSS stuff for the header example image:
-#example {
-#    width: 80%;
-#    height: 60%
-#}
-
-#example img {
-#    width: 80%;
-#    height: 80%
-#}
-
-
 a = os.path.join(os.path.dirname(__file__), "files/barkley_balloon.mp4")
 b = os.path.join(os.path.dirname(__file__), "files/eiffel_tower.mp4")
 w1 = os.path.join(os.path.dirname(__file__), "files/AI_generated.png")
@@ -51,29 +39,41 @@ def generate_video(original_video, watermark):
 
 # Use RGBA image mode to preserve transparency for png images.
 with gr.Blocks(css=css) as demo:
-with gr.Row():
-    with gr.Column():
+    with gr.Row():
+        with gr.Column():
             gr.Markdown("# Centurion Watermarking")
             gr.Markdown("Watermarks can be **visible** or **invisible**.")
             gr.Markdown("""They can provide information directly, or provide a link for more information.  
-                           - Visible watermarks are useful to disclose when content is AI-generated.  
-                           - Invisible watermarks can mark content as authentic.
-                           - ...And vice versa! There are many possibilities for what watermarks can provide.""")
-            with gr.Column():
-            with gr.Column():
-                gr.Image('files/watermark_example.png', visible=False)
-            with gr.Column():
-                gr.Image('files/watermark_example.png', show_label=False, show_download_button=False, elem_id='example', container=False, interactive=False)
-                gr.Code('import gradio as gr\n\nwatermarked_video = gr.Video(original_video_file, watermark=watermark_file)', lines=3)
+                       - Visible watermarks are useful to disclose when content is AI-generated.  
+                       - Invisible watermarks can mark content as authentic.
+                       - ...And vice versa! There are many possibilities for what watermarks can provide.""")
             with gr.Column():
-                gr.Image('files/watermark_example.png', visible=False)
+                with gr.Column():
+                    gr.Image('files/watermark_example.png', visible=False)
+                with gr.Column():
+                    gr.Image('files/watermark_example.png', 
+                            show_label=False, 
+                            show_download_button=False, 
+                            elem_id='example', 
+                            container=False, 
+                            interactive=False)
+                    gr.Code('import gradio as gr\n\nwatermarked_video = gr.Video(original_video_file, watermark=watermark_file)', 
+                           lines=3)
+                with gr.Column():
+                    gr.Image('files/watermark_example.png', visible=False)
+    
     with gr.Row():
         with gr.Column():
             gr.Markdown("**Inputs**: Video and watermark file")
         with gr.Column():
             gr.Markdown("**Output**: Watermarked video")
-    gr.Interface(generate_video, [gr.Video(), gr.Image(type='filepath', image_mode=None)], gr.Video(),
-                            examples=[[a, w1], [b, w2], [a, w3], [b, w4]])
+    
+    gr.Interface(
+        generate_video,
+        [gr.Video(), gr.Image(type='filepath', image_mode=None)],
+        gr.Video(),
+        examples=[[a, w1], [b, w2], [a, w3], [b, w4]]
+    )
 
 if __name__ == "__main__":
-    demo.launch()
+    demo.launch()