Left-align paragraph below Kiki/Bouba image

app.py

@@ -544,9 +544,11 @@ with gr.Blocks(title="Kiki/Bouba Classifier") as demo:
     # Educational content - always visible
     gr.Markdown("---")
     gr.HTML("""
-    <div style="text-align: center; margin: 20px 0;">
-        <img src="https://huggingface.co/spaces/jnalv/Kiki-or-Bouba-classifier/resolve/main/kiki-bouba-image.png" alt="The classic Kiki/Bouba shapes" style="max-width: 400px; width: 100%;">
-        <p style="font-style: italic; color: #888; margin-top: 10px;">
+    <div style="margin: 20px 0;">
+        <div style="text-align: center;">
+            <img src="https://huggingface.co/spaces/jnalv/Kiki-or-Bouba-classifier/resolve/main/kiki-bouba-image.png" alt="The classic Kiki/Bouba shapes" style="max-width: 400px; width: 100%;">
+        </div>
+        <p style="font-style: italic; color: #888; margin-top: 10px; text-align: left;">
             Which shape is "Kiki"? Which is "Bouba"? If you're like 95% of humans across all cultures, you already know.
         </p>
     </div>