pebblecode
diff --git a/‎_layouts/work.html
Lines changed: 2 additions & 3 deletions b/‎_layouts/work.html
Lines changed: 2 additions & 3 deletions
diff --git a/‎_sass/pages/_work.scss
Lines changed: 17 additions & 0 deletions b/‎_sass/pages/_work.scss
Lines changed: 17 additions & 0 deletions
diff --git a/‎img/.DS_Store
0 Bytes b/‎img/.DS_Store
0 Bytes
diff --git a/‎img/projects/.DS_Store
-6 KB b/‎img/projects/.DS_Store
-6 KB
diff --git a/‎img/projects/intranet-laptop.gif
-872 KB b/‎img/projects/intranet-laptop.gif
-872 KB
diff --git a/‎img/projects/intranet-mobile.gif
-907 KB b/‎img/projects/intranet-mobile.gif
-907 KB
diff --git a/‎img/projects/intranet.png
349 KB b/‎img/projects/intranet.png
349 KB
@@ -33,8 +33,7 @@ <h3 class="project-item-title">Pharmaceutical Intelligence Platform</h3>
         <div class="project-item-inner">
           <div class="project-item projects-item-inner grid">
             <div class="col-2-3 project-item-img alignme">
-              <img class="intranet-desktop lazy" data-original="{{ site.baseurl }}/img/projects/intranet-laptop.gif" alt="The mother of all intranets">
-              <img class="intranet-mobile lazy" data-original="{{ site.baseurl }}/img/projects/intranet-mobile.gif" alt="The mother of all intranets">
+              <img class="lazy" data-original="{{ site.baseurl }}/img/projects/intranet.png" alt="The mother of all intranets">
             </div>
             <div class="col-1-3 project-item-text alignme">
               <h3 class="project-item-title">The mother of all intranets</h3>
@@ -96,7 +95,7 @@ <h3 class="project-item-title">Next Generation Delivery Experience</h3>
 
             <div class="col-1-1">
               <h3 class="project-item-title">Enterprise Mobile Directory</h3>
-              <p>A consumer-grade native application allowing users to search 60,000 people, add notes and bookmarks. The go-t o directory for an enterprise transitioning to mobile by default.</p>
+              <p>A consumer-grade native application allowing users to search 60,000 people, add notes and bookmarks. The go-to directory for an enterprise transitioning to mobile by default.</p>
             </div>
 
           </div>
 
@@ -236,6 +236,9 @@
 
 .work-photo-container {
   background-color: $aqua;
+  -webkit-transform-style: preserve-3d;
+  -moz-transform-style: preserve-3d;
+  transform-style: preserve-3d;
 
   &:before {
     //photo shadows background: transparent;
@@ -313,6 +316,20 @@
 video {
   width: 100%    !important;
   height: auto   !important;
+
+  @media screen and (min-width: 632px) {
+  position: relative;
+  top: 50%;
+  transform: translateY(-50%);
+  }
+}
+
+#gif1,
+#gif2,
+#gif3 {
+  position: relative;
+  top: 50%;
+  transform: translateY(-50%);
 }
 
 // Gifs & Images