made logo visible

app.py

@@ -15,16 +15,17 @@ def translate(inp):
     return translated_text
 
 with gr.Blocks() as demo:
-    gr.Markdown("""
-    <div style='text-align: center; margin-bottom: 20px;'>
-        <img src='file/logo_transparent_small.png' alt='Logo' width='150' style='display: block; margin: 0 auto;'/>
-    </div>
-    """)
-    
-    gr.Markdown("""
-    <h1 style='text-align: center;'>Northern Sotho to English Translation</h1>
-    <p style='text-align: center;'>This space provides a translation service from Northern Sotho to English using the M2M100 model, fine-tuned for low-resource languages. It supports researchers, linguists, and users working with Northern Sotho texts.</p>
-    """)
+    with gr.Row():
+        with gr.Column(scale=1):  
+            pass
+        with gr.Column(scale=4, min_width=1000): 
+            gr.Image("logo_transparent_small.png", elem_id="logo", show_label=False, width=500)
+            gr.Markdown("""
+            <h1 style='text-align: center;'>Northern Sotho to English Translation</h1>
+            <p style='text-align: center;'>This space provides a translation service from Northern Sotho to English using the M2M100 model, fine-tuned for low-resource languages. It supports researchers, linguists, and users working with Northern Sotho texts.</p>
+            """)
+        with gr.Column(scale=1):  
+            pass
     
     with gr.Column(variant="panel"):
         inp_text = gr.Textbox(lines=5, placeholder="Enter Northern Sotho text (maximum 5 lines)", label="Input", elem_id="centered-input")