Center bacon image on mobile; add flair border

index.html

@@ -1007,7 +1007,35 @@ <h3 class="headline-title">Personal Project</h3>
       <!-- Modal Structure -->
       <div id="bacon" class="modal primary-color">
         <div class="modal-content center">
-          <img style="max-height: 400px; border: 2px solid pink; border-radius: 3px;" src="images/bacon-being-silly.jpeg" alt="Bacon Being Silly">
+          <div>
+            <i class="fa fa-bacon pink-text"></i>
+            <i class="fa fa-bacon pink-text"></i>
+            <i class="fa fa-bacon pink-text"></i>
+            <i class="fa fa-bacon pink-text"></i>
+            <i class="fa fa-bacon pink-text"></i>
+            <i class="fa fa-bacon pink-text"></i>
+            <i class="fa fa-bacon pink-text"></i>
+            <i class="fa fa-bacon pink-text"></i>
+            <i class="fa fa-bacon pink-text"></i>
+            <i class="fa fa-bacon pink-text"></i>
+            <i class="fa fa-bacon pink-text"></i>
+            <i class="fa fa-bacon pink-text"></i>
+          </div>
+          <img style="max-height: 400px; max-width: -webkit-fill-available; border: 2px solid pink; border-radius: 3px;" src="images/bacon-being-silly.jpeg" alt="Bacon Being Silly">
+          <div>
+            <i class="fa fa-bacon pink-text"></i>
+            <i class="fa fa-bacon pink-text"></i>
+            <i class="fa fa-bacon pink-text"></i>
+            <i class="fa fa-bacon pink-text"></i>
+            <i class="fa fa-bacon pink-text"></i>
+            <i class="fa fa-bacon pink-text"></i>
+            <i class="fa fa-bacon pink-text"></i>
+            <i class="fa fa-bacon pink-text"></i>
+            <i class="fa fa-bacon pink-text"></i>
+            <i class="fa fa-bacon pink-text"></i>
+            <i class="fa fa-bacon pink-text"></i>
+            <i class="fa fa-bacon pink-text"></i>
+          </div>
         </div>
         <div class="modal-footer primary-color-dark">
           <a href="#!" class="modal-close btn-flat white-text">Close</a>