Update app.py

app.py

@@ -29,14 +29,14 @@ with gr.Blocks(theme=gr.themes.Ocean(font=[gr.themes.GoogleFont("Noto Sans")]),
     gr.Markdown("# Welcome to The Linguistic Lens 👓🗣️")
     with gr.Tabs():
         with gr.TabItem("Intro"):
-            gr.Markdown(md.description)
-            gr.Markdown(md.usecase_diagram.format(usecase_img_encoded))
-            gr.Markdown(md.class_diagram.format(class_img_encoded))
-            gr.Markdown(md.object_diagram.format(object_img_encoded))
-            gr.Markdown(md.sequence_diagram.format(sequence_img_encoded))
-            gr.Markdown(md.colab_diagram.format(colab_img_encoded))
-            gr.Markdown(md.activity_diagram.format(activity_img_encoded))
-            gr.Markdown(md.component_diagram.format(component_img_encoded))
+            gr.HTML(md.description)
+            gr.HTML(md.usecase_diagram.format(usecase_img_encoded))
+            gr.HTML(md.class_diagram.format(class_img_encoded))
+            gr.HTML(md.object_diagram.format(object_img_encoded))
+            gr.HTML(md.sequence_diagram.format(sequence_img_encoded))
+            gr.HTML(md.colab_diagram.format(colab_img_encoded))
+            gr.HTML(md.activity_diagram.format(activity_img_encoded))
+            gr.HTML(md.component_diagram.format(component_img_encoded))
 
         with gr.TabItem("⭐Translator"):
             with gr.Row():