Fix mascot positioning

Author: remotesynth

frontend/src/index.css

@@ -126,20 +126,24 @@ code {
 
 .character-container {
   position: fixed;
+  width: 100%;
+  max-width: 600px;
+  left: 50%;
+    transform: translate(-50%, 0);
 }
 
 .character-box {
   width:175px;
   height:175px;
   position: relative;
-  bottom: 65px;
-  left: 200px;
+  bottom: 50px;
+  left: -80px;
 }
 
 .character-box-right {
   width:175px;
   height:175px;
   position: relative;
   bottom: 65px;
-  left: 800px;
+  left: 520px;
 }