Update app.py

app.py

@@ -135,14 +135,10 @@ def create_optimized_gradio_interface():
             font-size: 1.1rem;
         }
 
-        .highlight-flash {
-        animation: flash-highlight 1.6s ease-in-out;
-        }
-        @keyframes flash-highlight {
-        0% { background-color: #fffbc2; }
-        50% { background-color: #fce675; }
-        100% { background-color: transparent; }
-        }
+        ..highlight-flash {
+  animation: flash-highlight 1.6s ease-in-out;
+}
+
 
         """,
         title="🏥 Optimized Gaza First Aid Assistant",
@@ -183,7 +179,7 @@ def create_optimized_gradio_interface():
             with gr.Row(elem_classes=["main-container"]):
                 with gr.Column():
                     response_output, metadata_output, status_output = create_response_output_section()
-                    show_response_output = gr.Markdown(label="AI Response", elem_id="ai-response-output")
+                    show_response_output = gr.Markdown(label="AI Response", elem_classes=["highlight-flash"])
                     show_metadata_output = gr.Markdown(label="Metadata")
                     show_safety_output = gr.Markdown(label="Safety Check")
 
@@ -202,11 +198,8 @@ def create_optimized_gradio_interface():
                     show_safety_output
                 ],
                 show_progress=True
-            ).then(
-                fn=None,
-                _js="scrollToResponse"  # 👈 JS scroll trigger AFTER result
             )
-
+            
             query_input.submit(
                 process_medical_query_with_progress,
                 inputs=query_input,