make logo visible

app.py

@@ -16,8 +16,11 @@ def translate(inp):
     translated_text = tokenizer.decode(translated_tokens[0], skip_special_tokens=True)
     return translated_text
 
-gr.Image("logo_transparent_small.png", alt="DSFSI Logo", elem_id="logo", label=None)
-
+logo = """
+<div style='text-align: center;'>
+    <img src='file/logo_transparent_small.png' alt='Logo' width='150'/>
+</div>
+"""
 description = """
 <p style='text-align: center;'>
     Northern Sotho to English Translation
@@ -53,7 +56,7 @@ with gr.Interface(
     inputs=gr.components.Textbox(lines=5, placeholder="Enter Northern Sotho text (maximum 5 lines)", label="Input"),
     outputs="text"
 ) as iface:
-
+    gr.markdown(logo, unsafe_allow_html=True)
     iface.launch(enable_queue=True)
 
 authors = """