Updated the image path and location

app.py

@@ -6,9 +6,9 @@ client = InferenceClient("mistralai/Mistral-7B-Instruct-v0.1")
 
 PLACEHOLDER = """
 <div style="padding: 30px; text-align: center; display: flex; flex-direction: column; align-items: center;">
-   <img src="./images/val_speaking_transparent.gif" style="width: 80%; max-width: 550px; height: auto; opacity: 0.55;  "> 
-   <h1 style="font-size: 28px; margin-bottom: 2px; opacity: 0.55;">Val the Voyager</h1>
-   <p style="font-size: 18px; margin-bottom: 2px; opacity: 0.65;">Hi Jennifer, my name is Val, welcome onboard! Ask me anything about working at DTF...</p>
+   <img src="/file=val_speaking_transparent.gif" style="width: 80%; max-width: 550px; height: auto; opacity: 0.55;  "> 
+   <h1 style="font-size: 28px; margin-bottom: 2px; opacity: 0.55;">Hi Jennifer, welcome to DTF</h1>
+   <p style="font-size: 18px; margin-bottom: 2px; opacity: 0.65;">Ask me anything about working at here...</p>
 </div>. 
 """
 
@@ -100,7 +100,8 @@ additional_inputs = [
     ),
 ]
 
-
+gr.Image("/file=val_speaking_transparent.gif")
+gr.Markdown("Hi I'm Val the Voyager, welcome onboard!")
 gr.ChatInterface(
     fn=generate,
     chatbot=gr.Chatbot(
@@ -113,7 +114,7 @@ gr.ChatInterface(
     ),
     additional_inputs=additional_inputs,
     examples=[
-        ["Ask me what an acronym stands for."],
+        ["Ask me what an acronym stands for"],
         ["How can I check my leave allowance?"],
         ["Where can I find a floor map of 1 Macarthur?"],
         ["How can I find out about DTF's Disability network?"],