Update app.py

app.py

@@ -114,19 +114,21 @@ css = """
 
 /* Centered Container for the Image */
 .image-container {
-    max-width: 400px; /* Set the maximum width for the container */
+    max-width: 100%; /* Set the maximum width for the container */
     margin: 0 auto; /* Center the container horizontally */
     text-align: center; /* Center the content inside the container horizontally */
     padding: 20px; /* Add padding for spacing */
     border: 1px solid #ccc; /* Add a subtle border to the container */
     border-radius: 10px;
+    overflow: hidden; /* Hide overflow if the image is larger */
+    max-height: 22rem; /* Set a maximum height for the container */
 }
 
 /* Set a fixed size for the image */
 .image-container img {
-    width: 100%; /* Ensure the image fills the container */
+    max-width: 100%; /* Ensure the image fills the container */
     height: auto; /* Maintain aspect ratio */
-    max-height: 300px; /* Set a maximum height for the image */
+    max-height: 100%; /* Set a maximum height for the image */
     border-radius: 10px;
     box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
 }