improving info popup

Author: redbackspider77

assets/gamelinkerrorexample.png

@@ -76,8 +76,13 @@ <h3>Troll Reports</h3>
         <span id="popup-close">&times;</span>
         <h3></h3>
         <p>If your game link is not working, for example it is showing this error:</p>
-        <img src="assets/gamelinkerrorexample.png">
-        <p>Please use the "Report Broken Game Link" button. Do not abuse/spam it, or you will be disqualified and kicked from the tournament.</p>
+        <img id="popupImage" src="assets/gamelinkerrorexample.png">
+        <p>
+          Please use the "Report Broken Game Link" button. <br> 
+          Do not abuse/spam it, or you will be disqualified and kicked from the tournament. <br>
+          If your game link leads you to this, simply press "Play" and start playing your game!
+        </p>
+        <img id="popupImage" src="assets/playGameExample.gif">
       </div>
     </div>    
   </div>

assets/playGameExample.gif

@@ -318,7 +318,7 @@ a:active {
   padding: 1rem 2rem;
   border-radius: 8px;
   width: 90%;
-  max-width: 400px;
+  max-width: 420px;
   position: relative;
 }
 
@@ -329,3 +329,9 @@ a:active {
   font-size: 1.2rem;
   cursor: pointer;
 }
+
+#popupImage {
+  width: 90%;
+  max-width: 420px;
+  height: auto;
+}