Change the images on the discord page to be responsive

Author: KeiranWDigital

discord.html

@@ -59,25 +59,25 @@ <h2>Joining the event</h2>
 <p>When you follow the invite link, you should see the following message.</p>
 
 
-<img class="discord-image mg-fluid" width="200" src="../images/discord/discord-signup.png">
+<img class="discord-image img-fluid" width="200" src="../images/discord/discord-signup.png">
 
 <p>
     You can either use the Discord app or, if you don’t have Discord
     installed, we recommend you join on the web. Click the button shown:
 </p>
 
-<img class="discord-image mg-fluid" width="200" src="../images/discord/discord-web.png">
+<img class="discord-image img-fluid" width="200" src="../images/discord/discord-web.png">
 
 <p>
     You can then sign up or log into an existing account.
 </p>
 
 <div class="row">
     <div class="discord-cols col-m-12 col-l-6">
-        <h3>Register</h3><img width="200" class="discord-image mg-fluid" src="../images/discord/discord-create.png">
+        <h3>Register</h3><img width="200" class="discord-image img-fluid" src="../images/discord/discord-create.png">
     </div>
     <div class="discord-cols col-m-12 col-l-6">
-        <h3>Log in</h3><img width="200" class="discord-image mg-fluid" src="../images/discord/discord-login.png">
+        <h3>Log in</h3><img width="200" class="discord-image img-fluid" src="../images/discord/discord-login.png">
     </div>
 </div>
 
@@ -90,7 +90,7 @@ <h3>Log in</h3><img width="200" class="discord-image mg-fluid" src="../images/di
     worry, you can turn them off whenever you like. Turning this on will allow you to ask questions
     using your microphone during intervals.
 </p>
-<img class="discord-image mg-fluid" src="../images/discord/discord-microphone.png">
+<img class="discord-image img-fluid" src="../images/discord/discord-microphone.png">
 <p>
     If you would like to use your webcam on Discord, select the video button. It will open another digalog box. Click
     <b>Allow</b> – don’t
@@ -100,27 +100,27 @@ <h3>Log in</h3><img width="200" class="discord-image mg-fluid" src="../images/di
 
 <div class="row">
     <div class="discord-cols col-m-12 col-l-6">
-        <img class="discord-image mg-fluid" src="../images/discord/discord-video.png">
+        <img class="discord-image img-fluid" src="../images/discord/discord-video.png">
     </div>
     <div class="discord-cols col-m-12 col-l-6">
-        <img class="discord-image mg-fluid" src="../images/discord/discord-camera.png">
+        <img class="discord-image img-fluid" src="../images/discord/discord-camera.png">
     </div>
 </div>
 
 <p>
     Your name should appear underneath the channel name. It will then show the other people in
     the channel.</p>
-<img class="discord-image mg-fluid" src="../images/discord/discord-list.png">
+<img class="discord-image img-fluid" src="../images/discord/discord-list.png">
 
 <p>
     To join the channel click the name, it will look something like this:</p>
-<img width="600" class="discord-image mg-fluid" src="../images/discord/discord-call.png">
+<img class="discord-image img-fluid" src="../images/discord/discord-call.png">
 <p>
     Turn <b>off</b> your <b>microphone</b>. This is very important! You should
     keep your microphone muted throughout the session.
 </p>
 
-<img class="discord-image mg-fluid" src="../images/discord/discord-buttons.png">
+<img class="discord-image img-fluid" src="../images/discord/discord-buttons.png">
 
 <p>
     Finally, make sure you still have your <b>microphone</b> muted. You can also
@@ -141,13 +141,13 @@ <h3>Log in</h3><img width="200" class="discord-image mg-fluid" src="../images/di
 <h2>Controls</h2>
 <div class="row">
     <div class="discord-cols col-m-12 col-l-4">
-        <h3>Microphone Mute</h3><img class="discord-image mg-fluid" src="../images/discord/discord-buttons.png">
+        <h3>Microphone Mute</h3><img class="discord-image img-fluid" src="../images/discord/discord-buttons.png">
     </div>
     <div class="discord-cols col-m-12 col-l-4">
-        <h3>Video On/Off</h3><img class="discord-image mg-fluid" width="300" src="../images/discord/discord-video.png">
+        <h3>Video On/Off</h3><img class="discord-image img-fluid" width="300" src="../images/discord/discord-video.png">
     </div>
     <div class="discord-cols col-m-12 col-l-4">
-        <h3>Event Chat</h3><img class="discord-image mg-fluid" width="300" src="../images/discord/discord-event-chat.png">
+        <h3>Event Chat</h3><img class="discord-image img-fluid" width="300" src="../images/discord/discord-event-chat.png">
     </div>
 </div>
 
@@ -157,10 +157,10 @@ <h3>Event Chat</h3><img class="discord-image mg-fluid" width="300" src="../image
 <h3>Screen Share</h3>
 <div class="row">
     <div class="discord-cols col-m-12 col-l-6">
-        <h4>Step 1</h4><img class="discord-image mg-fluid" src="../images/discord/discord-screen-1.png">
+        <h4>Step 1</h4><img class="discord-image img-fluid" src="../images/discord/discord-screen-1.png">
     </div>
     <div class="discord-cols col-m-12 col-l-6">
-        <h4>Step 2</h4><img class="discord-image mg-fluid" width="300" src="../images/discord/discord-screen-2.png">
+        <h4>Step 2</h4><img class="discord-image img-fluid" width="300" src="../images/discord/discord-screen-2.png">
     </div>
 </div>