Added videos, autoplay, cleaned up.

index.html

@@ -25,7 +25,11 @@
         <div>
           <div class="image-container">
             <a href="https://double-darling-duo-deluxe.itch.io/so-bow-y-cute">
-              <img src="http://cool-beans-maybe.herokuapp.com/assets/images/420/so-bow-y-cute.png"></img>
+				<video class="video" autoplay loop muted>
+				  <source src="so-bow-y-cute.mp4" type="video/mp4">
+				  Your browser does not support the video tag.
+				</video> 
+              <!--- <img src="http://cool-beans-maybe.herokuapp.com/assets/images/420/so-bow-y-cute.png"></img> --->
             </a>
           </div>
           <div class="centered-text">
@@ -48,7 +52,11 @@
         <div>
           <div class="image-container">
             <a href="http://werefoxsoftware.com/project-undercover/">
-              <img src="http://cool-beans-maybe.herokuapp.com/assets/images/420/projectundercover-guard.png"></img>
+				<video class="video" autoplay loop muted>
+				  <source src="projectundercover-guard.mp4" type="video/mp4">
+				  Your browser does not support the video tag.
+				</video> 
+              <!--- <img src="http://cool-beans-maybe.herokuapp.com/assets/images/420/projectundercover-guard.png"></img> --->
             </a>
           </div>
           <div class="centered-text">
@@ -61,11 +69,15 @@
         <div>
           <div class="image-container">
             <a href="http://werefoxsoftware.com/project-undercover/">
-              <img src="http://cool-beans-maybe.herokuapp.com/assets/images/420/projectundercover-spy.png"></img>
+				<video class="video" autoplay loop muted>
+				  <source src="projectundercover-spy.mp4" type="video/mp4">
+				  Your browser does not support the video tag.
+				</video> 
+              <!--- <img src="http://cool-beans-maybe.herokuapp.com/assets/images/420/projectundercover-spy.png"></img> --->
             </a>
           </div>
           <div class="centered-text">
-            <h3>Project Undercover - Guard view</h3>
+            <h3>Project Undercover - Spy view</h3>
             <p>Game Development Semester project.</p>
             <p>The game had two main player roles, this is the spy's view.</p>
             <p>The github repository can be found <a href ="https://github.com/Shadow8t4/Project-Undercover-Public">here</a>.</p>
@@ -86,7 +98,11 @@
         <div>
           <div class="image-container">
             <a href="http://werefoxsoftware.com/revival-survival/">
-              <img src="http://cool-beans-maybe.herokuapp.com/assets/images/420/revival-survival.png"></img>
+				<video class ="video" autoplay loop muted>
+				  <source src="revival-survival.mp4" type="video/mp4">
+				  Your browser does not support the video tag.
+				</video> 
+              <!--- <img src="http://cool-beans-maybe.herokuapp.com/assets/images/420/revival-survival.png"></img> --->
             </a>
           </div>
           <div class="centered-text">

main.css

@@ -48,11 +48,19 @@ header {
 .image-container {
   margin: auto;
   padding: auto;
-  opacity: 1.0;
 }
 
 .image-container img {
   background: #fff;
   padding: 5px;
   margin: auto;
+  margin-top: 50px;
 }
+
+.video {
+  background: #fff;
+  padding: 5px;
+  margin: auto;
+  padding: auto;
+  transform: scale(0.75);
+}