diff --git a/src/Pages/QuizView.elm b/src/Pages/QuizView.elm
index 81149e3817f056aabede4b6dbc04228b6e256f9a..b78abd77fe4f00e938ae87101ebb01171b40d282 100644
--- a/src/Pages/QuizView.elm
+++ b/src/Pages/QuizView.elm
@@ -77,8 +77,9 @@ displayQuestion q =
             , div [ class "header-task" ] [ LaTeX.Expression.compile q.task ]
             ]
         , hintDiv
-        , imageDiv
-        , funcDiv
+        , div [ class "media" ] 
+            [ imageDiv
+            , funcDiv ]
         , answerDiv ]
 
 -- Updated displayMCQ function
diff --git a/src/style.css b/src/style.css
index 76e153aba056a247c44ee82030458fe18796daea..87d17d0c94cc3aeecb1a5e9b24ac43fbfff4a66c 100644
--- a/src/style.css
+++ b/src/style.css
@@ -17,9 +17,6 @@ svg {
   width: 100%;
   height: 100%;
   background-color: #fff;
-  
-  max-height: 75vh;
-  max-width: 75vw;
 }
 
 .btn {
@@ -67,6 +64,18 @@ svg {
   margin-bottom: 10px;
 }
 
+div.media {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+div.imgDiv, div.svgDiv {
+  width: 50%;
+  max-width: 500px;
+  max-height: 500px;
+}
+
 div.center {
   background-color: #333;
   border-radius: 15px;