better layout

app.py

@@ -1025,6 +1025,11 @@ with gr.Blocks(css=css) as demo:
     with gr.Column(elem_id="col-container"):
         gr.HTML(
             """
+            <div style="text-align: center;">
+                <p style="font-size:16px; display: inline; margin: 0;">
+                    Translate and lipsync your clips to English
+                </p>
+            </div>
             <div style="text-align: center;">
                 <p style="font-size:16px; display: inline; margin: 0;">
                     <strong>OutofSync </strong>
@@ -1037,11 +1042,6 @@ with gr.Blocks(css=css) as demo:
                 </a>
                 <a href="https://www.buymeacoffee.com/outofai" style="display: inline-block; vertical-align: middle; margin-left: 0.5em;" target="_blank"><img src="https://img.shields.io/badge/-buy_me_a%C2%A0coffee-red?logo=buy-me-a-coffee" alt="Buy Me A Coffee"></a>
             </div>
-            <div style="text-align: center;">
-                <p style="font-size:16px; display: inline; margin: 0;">
-                    Translate and lipsync your clips to English
-                </p>
-            </div>
             """
         )