diff --git a/docs/card.css b/docs/card.css
index 27fc034..27ff1d9 100644
--- a/docs/card.css
+++ b/docs/card.css
@@ -48,3 +48,12 @@
   border-radius: 8px;
 }
 
+@media (prefers-reduced-motion) {
+  .card-content {
+    transition: none;
+  }
+  .card-image {
+    transition: none;
+  }
+}
+
diff --git a/static/card.css b/static/card.css
index 27fc034..27ff1d9 100644
--- a/static/card.css
+++ b/static/card.css
@@ -48,3 +48,12 @@
   border-radius: 8px;
 }
 
+@media (prefers-reduced-motion) {
+  .card-content {
+    transition: none;
+  }
+  .card-image {
+    transition: none;
+  }
+}
+