update layout

app.py

@@ -67,6 +67,8 @@ with gr.Blocks() as demo:
   gr.HTML("""<a href="https://huggingface.co/spaces/ysharma/pix2pix-zero-01?duplicate=true"><img src="https://bit.ly/3gLdBN6" alt="Duplicate Space"></a>Duplicate this Space and upgrade to a GPU for fast Inference & no queue<br>""")
     
   with gr.Row():
+    image_in = gr.Image(type="pil", label="Start by uploading an image of a Cat or a Dog that you want to translate")
+    direction_html = gr.HTML(value="<h4>👈Upload a Dog or a Cat image to get started or simply Click one of the examples👉</h4>", visible=True)
     gr.Examples(
         examples=[os.path.join(os.path.dirname(__file__), "dog11.jpg"), os.path.join(os.path.dirname(__file__), "cat11.jpg")],
         inputs=image_in,
@@ -74,8 +76,6 @@ with gr.Blocks() as demo:
         fn=inversion,
         cache_examples=True,
     )
-    direction_html = gr.HTML(value="<h4>👈Click on this example or Upload a Dog or a Cat image to get started👉</h4>", visible=True)
-    image_in = gr.Image(type="pil", label="Start by uploading an image of a Cat or a Dog that you want to translate")
     with gr.Column():
       btn_inversion = gr.Button("Get input noise and image caption",visible=False )
       with gr.Row():