diff --git a/src/css/styles.css b/src/css/styles.css
index ac03579..b5aaa25 100644
--- a/src/css/styles.css
+++ b/src/css/styles.css
@@ -96,17 +96,21 @@ form button {
 }
 
 #chart {
-    flex: 1;
+    flex: 2; /* Take 2/3 of the width */
     display: flex;
     justify-content: center;
     align-items: center;
     padding: 20px;
-    width: 100%; /* Ensure chart takes full width */
+    width: 100%;
+    height: 75%; /* Ensure the container takes full height */
 }
 
 #chart img {
     max-width: 100%;
-    height: auto;
+    max-height: 100%;
+    height: 100%; /* Ensure the image fits vertically 100% */
+    width: 100%; /* Ensure the image spans 100% width */
+    object-fit: contain; /* Ensure the image fits within the container */
 }
 
 #question-block {
@@ -126,6 +130,11 @@ form button {
 
     #chart {
         margin-bottom: 0;
+        flex: 2; /* Ensure it takes 2/3 of the width on larger screens */
+    }
+
+    #question-block {
+        flex: 1; /* Take 1/3 of the width */
     }
 }