Add task description images to grid

index.html

@@ -221,7 +221,10 @@ <h2 class="title is-2">Abstract</h2>
 
       <div class="columns is-centered has-text-centered">
         <div class="column">
-          <div class="columns is-centered has-text-centered is-mobile is-multiline">
+          <div class="columns is-centered has-text-centered is-mobile is-multiline mb-5-mobile">
+            <div class="column is-2 is-one-third-mobile">
+              <img src="./static/images/ccil_grid/grasp_cube.jpg" />
+            </div>
             <div class="column is-2 is-one-third-mobile">
               <video class="synced-1" muted>
                 <source src="./static/videos/ccil_grid/cube_success_0.mp4" type="video/mp4">
@@ -253,7 +256,10 @@ <h2 class="title is-2">Abstract</h2>
               </video>
             </div>
           </div>
-          <div class="columns is-centered has-text-centered is-mobile is-multiline">
+          <div class="columns is-centered has-text-centered is-mobile is-multiline mb-5-mobile">
+            <div class="column is-2 is-one-third-mobile">
+              <img src="./static/images/ccil_grid/lego_insert.jpg" />
+            </div>
             <div class="column is-2 is-one-third-mobile">
               <video class="synced-1" muted>
                 <source src="./static/videos/ccil_grid/lego_success_0.mp4" type="video/mp4">
@@ -286,6 +292,9 @@ <h2 class="title is-2">Abstract</h2>
             </div>
           </div>
           <div class="columns is-centered has-text-centered is-mobile is-multiline">
+            <div class="column is-2 is-one-third-mobile">
+              <img src="./static/images/ccil_grid/grasp_coin.jpg" />
+            </div>
             <div class="column is-2 is-one-third-mobile">
               <video class="synced-1" muted>
                 <source src="./static/videos/ccil_grid/coin_success_0.mp4" type="video/mp4">

static/css/index.css

@@ -247,3 +247,9 @@ body {
   min-height: 100%;
   text-wrap: nowrap;
 }
+
+@media screen and (max-width: 768px) {
+  .mb-5-mobile {
+    margin-bottom: 1.5rem;
+  }
+}