diff --git a/components/HeroSection.vue b/components/HeroSection.vue
index 30b3c9d..6a5aa71 100644
--- a/components/HeroSection.vue
+++ b/components/HeroSection.vue
@@ -84,11 +84,14 @@
         &-enter-from,
         &-leave-to {
             opacity: 0;
+            transform: translateY(-2rem);
         }
 
         &-enter-active,
         &-leave-active {
-            transition: opacity 400ms ease-in-out;
+            transition:
+                opacity 400ms ease-in-out,
+                transform 400ms ease-in-out;
         }
     }