update

app.py

@@ -36,23 +36,11 @@ custom_css = """
 /* Response message */
 .message.bot.svelte-1s78gfg.message-bubble-border {
     border-color: #266B99;
-    display: flex;
-    align-items: center;
-}
-.message.bot.svelte-1s78gfg.message-bubble-border::before {
-    content: url('');
-    margin-right: 10px;
 }
 /* User message */
 .message.user.svelte-1s78gfg.message-bubble-border {
     background: #9DDDF9;
     border-color: #9DDDF9;
-    display: flex;
-    align-items: center;
-}
-.message.user.svelte-1s78gfg.message-bubble-border::before {
-    content: url('https://path_to_user_icon.png');
-    margin-right: 10px;
 }   
 /* For both user and response message as per the document */
 span.md.svelte-8tpqd2.chatbot.prose p {
@@ -73,6 +61,23 @@ span.md.svelte-8tpqd2.chatbot.prose p {
     background: #266B99;
     color: white;
 }
+/* Add icons to messages */
+.message.user.svelte-1s78gfg {
+    display: flex;
+    align-items: center;
+}
+.message.user.svelte-1s78gfg:before {
+    content: url('file=Komal-patra/EU_AI_ACT/user icon.jpeg');
+    margin-right: 8px;
+}
+.message.bot.svelte-1s78gfg {
+    display: flex;
+    align-items: center;
+}
+.message.bot.svelte-1s78gfg:before {
+    content: url('file=Komal-patra/EU_AI_ACT/orcawise image.png');
+    margin-right: 8px;
+}
 """
 
 # Gradio interface setup