diff --git a/src/components/magicui/infinite-moving-cards.tsx b/src/components/magicui/infinite-moving-cards.tsx
index a07dc3d..cb32586 100644
--- a/src/components/magicui/infinite-moving-cards.tsx
+++ b/src/components/magicui/infinite-moving-cards.tsx
@@ -58,7 +58,10 @@ export const InfiniteMovingCards = ({
         ref={scrollerRef}
         className={cn(
           "flex w-max shrink-0 gap-16 py-4",
-          isReady && "animate-infinite-scroll",
+          isReady &&
+            (direction === "left"
+              ? "animate-infinite-scroll"
+              : "animate-infinite-scroll-right"),
           pauseOnHover && "hover:[animation-play-state:paused]"
         )}
       >
diff --git a/src/styles/tailwind.css b/src/styles/tailwind.css
index e2d9efc..21ec15c 100644
--- a/src/styles/tailwind.css
+++ b/src/styles/tailwind.css
@@ -238,7 +238,20 @@
   }
 }
 
+@keyframes infinite-scroll-right {
+  0% {
+    transform: translateX(0);
+  }
+  100% {
+    transform: translateX(50%);
+  }
+}
+
 .animate-infinite-scroll {
   animation: infinite-scroll var(--animation-duration, 40s) linear infinite;
   animation-direction: var(--animation-direction, forwards);
 }
+
+.animate-infinite-scroll-right {
+  animation: infinite-scroll-right var(--animation-duration, 40s) linear infinite;
+}