Merge pull request #231 from gouravmore/all-rig-v1-0.4

Issue #0000 fix: pointer for highlighted word

src/pages/Story/Mario/Mario.css

@@ -1,8 +1,10 @@
 /* Container styles */
-.game-container {
+
+.mario-game-container {
     display: flex;
     flex-direction: column;
     align-items: center;
+    padding: 5% 5% 3% 5%;
   }
 
   /* Progress bar container */

src/pages/Story/Mario/Mario.js

@@ -9,7 +9,7 @@ const Mario = ({dragonPosition, marioPosition, gameOver}) => {
 
 
   return (
-    <div className="game-container">
+    <div className="mario-game-container">
       <div className="progress-bar" style={progressStyle}>
         <div className="start-icon">📍</div>
         <div className="dragon-progress" style={{ left: `${dragonPosition}%` }}></div>

src/pages/Story/Showcase.jsx

@@ -29,8 +29,8 @@ import Mario from './Mario/Mario';
 const jsConfetti = new JSConfetti();
 
 const Showcase = ({ forceRerender, setForceRerender }) => {
-  const [dragonPosition, setDragonPosition] = useState(100);
-  const [marioPosition, setMarioPosition] = useState(0);
+  const [dragonPosition, setDragonPosition] = useState(98);
+  const [marioPosition, setMarioPosition] = useState(-2);
   const [gameOver, setGameOver] = useState(false);
 
   const [posts, setPosts] = useState([]);