update

app.py

@@ -38,6 +38,7 @@ custom_css = f"""
 /* Response message */
 .message.bot.svelte-1s78gfg.message-bubble-border {{
     border-color: #266B99;
+    background-color: rgba(255, 255, 255, 0.7); /* Make the message box slightly transparent */
 }}
 /* User message */
 .message.user.svelte-1s78gfg.message-bubble-border {{
@@ -79,10 +80,7 @@ span.md.svelte-8tpqd2.chatbot.prose p {{
 .message.bot.svelte-1s78gfg {{
     display: flex;
     align-items: center;
-    background-color: transparent; /* Make the background transparent */
-    opacity: 0.8; /* Adjust the opacity to make the element semi-transparent */
 }}
-
 .message.bot.svelte-1s78gfg:before {{
     content: url('file=Komal-patra/EU_AI_ACT/orcawise image.png');
     margin-right: 8px;
@@ -126,4 +124,4 @@ with gr.Blocks(css=custom_css) as demo:
     )
     clear.click(lambda: None, None, chatbot, queue=False)
 
-demo.launch()
+demo.launch()