fix page on real phone

src/scss/_body.scss

@@ -2,7 +2,8 @@ body {
     background-image: url(../img/background.jpg);
     background-size: cover;
     background-repeat: no-repeat;
-
+    background-position: left center;
+    
     padding: 0;
     margin: 0;
 }
\ No newline at end of file

src/scss/_buttonJumanji.scss

@@ -2,4 +2,8 @@
     margin-top: 5%;
     align-items: center;
 	text-align:center;
+
+    img {
+        max-width: 20%;
+    }
 }
\ No newline at end of file

src/scss/_question.scss

 .question {
     width: 100%;
     height: 100vh;
+    background-color: rgba(255, 255, 255, 0.2);
     backdrop-filter: blur(15px);
 
     animation-name: fadeInFromNone;
@@ -8,16 +9,13 @@
 
     p {
         color: black;
-        font-size: 150px;
+        font-size: 50px;
         text-align: center;
         font-family: "JurassicPark";
 
-        padding-left: 5%;
-        padding-right: 5%;
+        padding-left: 20px;
+        padding-right: 20px;
 
         position: absolute;
-        top: 50%;
-        left: 50%;
-        transform: translate(-50%, -50%);
     }
 }
\ No newline at end of file