adding the image at the top and fixing dropdown

app.py

@@ -150,10 +150,10 @@ def get_top_chunks(query, chunk_embeddings, text_chunks):
   return top_chunks
 
 # theme
-custom_theme = gr.themes.Ocean(
-    primary_hue="yellow",
-    secondary_hue="yellow", 
-    neutral_hue="rose",
+custom_theme = gr.themes.Soft(
+    primary_hue="purple",
+    secondary_hue="purple", 
+    neutral_hue="blue",
     spacing_size="lg",
     radius_size="lg",
     text_size="lg",
@@ -162,15 +162,21 @@ custom_theme = gr.themes.Ocean(
 
 about_text = "## About this bot   Our bot will tell how to care for your dog's nutrition. Use the chat box on the right to try it out!"
     
-
 with gr.Blocks(theme=custom_theme) as chatbot:
+    with gr.Row(scale=1):
+        gr.Image(
+    	    value="BarkBites.png",
+            show_label=False, 
+            show_share_button = False,  
+            show_download_button = False
+        )
     with gr.Row(scale=3):
         with gr.Column(scale=1):
             gr.ChatInterface(respond, type="messages", title = "LLM Chatbox", theme = "gradio/soft")
-            with gr.Row():
-                level = gr.Dropdown(choices = 
-                    ["Small", "Medium", "Large"], label="Dog Size", info="What is your dog's size?"
-                )
+    with gr.Row():
+        level = gr.Dropdown(choices = 
+            ["Small", "Medium", "Large"], label="Dog Size", info="What is your dog's size?"
+        )
         
                 
         #with gr.Column(scale=1):