Fix CSS Title Error, Add Image

app.py

@@ -54,9 +54,10 @@ def get_similar_quotes(philosopher, question):
   return top3quotes
 
 def main(question, philosopher):
-  return ask_philosopher(philosopher, question), get_similar_quotes(philosopher, question)
+  out_image = "marcus-aurelius.jpg"
+  return ask_philosopher(philosopher, question), get_similar_quotes(philosopher, question), out_image
   
-with gr.Blocks(css=".gradio-container {background-image: url('file=mountains_resized.jpg')} #title{color: white}") as demo:
+with gr.Blocks(css=".gradio-container {background-image: url('file=mountains_resized.jpg')} #title {color: white}") as demo:
     gr.Markdown("""
     # Ask a Philsopher
     """, elem_id="title"
@@ -65,6 +66,7 @@ with gr.Blocks(css=".gradio-container {background-image: url('file=mountains_res
         with gr.Column():
           inp1 = gr.Textbox(placeholder="Place your question here...", label="Ask a question")
           inp2 = gr.Dropdown(choices=["stoic", "krishnamurti"], value="stoic", label="Choose a philosopher")
+          out_image = gr.Image()
 
         with gr.Column():
             out1 = gr.Textbox(
@@ -78,6 +80,6 @@ with gr.Blocks(css=".gradio-container {background-image: url('file=mountains_res
                         interactive=False,
                         wrap=True)
     btn = gr.Button("Run")
-    btn.click(fn=main, inputs=[inp1,inp2], outputs=[out1,out2])
+    btn.click(fn=main, inputs=[inp1,inp2], outputs=[out1,out2,out_image])
 
 demo.launch()