Update app.py

app.py

@@ -563,14 +563,17 @@ block_css = """
     min-width: min(120px,100%);
 }
 .message-row img {
-    max-width: 80%;
-    max-height: 400px;
-    height: auto;
-    display: block;
-    margin-top: 10px;
-    margin-bottom: 5px;
-    border-radius: 5px;
-    border: 1px solid #e0e0e0; /* Add a light border */
+    max-width: 80% !important;
+    max-height: 400px !important;
+    height: auto !important;
+    width: auto !important;
+    display: block !important;
+    margin-top: 10px !important;
+    margin-bottom: 5px !important;
+    border-radius: 5px !important;
+    border: 1px solid #e0e0e0 !important;
+    object-fit: contain !important;
+    aspect-ratio: auto !important;
 }
 .avatar-container img {
     padding: 0px !important;
@@ -581,7 +584,6 @@ block_css = """
 }
 """
 
-
 def load_initial_state_and_example1():
     """
     Loads the initial Conversation state and prepares the inputs