diff --git a/public/assets/css/components/hero.css b/public/assets/css/components/hero.css
index 3700ad9..0f3f35d 100644
--- a/public/assets/css/components/hero.css
+++ b/public/assets/css/components/hero.css
@@ -210,6 +210,11 @@
         max-width: 100%;
     }
 
+    /* Fix image flickering on mobile */
+    #access .hero-image { 
+        width: 900px;
+    }
+
     .hero.hero--bg-center .hero-wrapper {
         padding: 0;
     }
diff --git a/src/views/Home.vue b/src/views/Home.vue
index 5908ee5..bf39e4e 100644
--- a/src/views/Home.vue
+++ b/src/views/Home.vue
@@ -130,7 +130,7 @@
 
   <section class="hero hero--big hero--bg-center hero--extra-margin" id="access">
     <article class="hero-wrapper container">
-      <img class="hero-image onFocus" data-focus-class="fadeInZoom" src="/assets/images/backgrounds/apps-overview.png"
+      <img class="hero-image onFocus" data-focus-class="fadeIn" src="/assets/images/backgrounds/apps-overview.png"
         alt="Access the largest set of applications." />
       <div class="hero-content">
         <header class="hero-heading">