diff --git a/src/lib/components/hero.svelte b/src/lib/components/hero.svelte
index 6946165..909385f 100644
--- a/src/lib/components/hero.svelte
+++ b/src/lib/components/hero.svelte
@@ -62,6 +62,11 @@
         border-radius: 5px;
         transition: right .4s;
     }
+    @media (prefers-reduced-motion) {
+        .bg img {
+            transition: none;
+        }
+    }
     @media (min-width: 1760px) {
         .hero {
             margin: 0 auto;