From e62cf189a38182d30773d535761b560013b79f0d Mon Sep 17 00:00:00 2001
From: Chaoming Li <email@chaoming.li>
Date: Tue, 19 Nov 2024 16:35:02 +1100
Subject: [PATCH] Speed up client logos and testimonials animations on mobile
 view

---
 layouts/shortcodes/client-logos.html | 7 +++++++
 layouts/shortcodes/testimonials.html | 7 +++++++
 2 files changed, 14 insertions(+)

diff --git a/layouts/shortcodes/client-logos.html b/layouts/shortcodes/client-logos.html
index 83cec94..d6bcb3a 100644
--- a/layouts/shortcodes/client-logos.html
+++ b/layouts/shortcodes/client-logos.html
@@ -70,4 +70,11 @@
 .logo-scroll:hover .logos-slide.animate {
     animation-play-state: paused;
 }
+
+/* Mobile-specific animation speed */
+@media (max-width: 768px) {
+    .logos-slide.animate {
+        animation: 15s slide infinite linear;
+    }
+}
 </style>
diff --git a/layouts/shortcodes/testimonials.html b/layouts/shortcodes/testimonials.html
index 60e48d0..bbbae97 100644
--- a/layouts/shortcodes/testimonials.html
+++ b/layouts/shortcodes/testimonials.html
@@ -85,4 +85,11 @@
 .testimonials-container:hover .testimonials-track.animate {
     animation-play-state: paused;
 }
+
+/* Mobile-specific animation speed */
+@media (max-width: 768px) {
+    .testimonials-track.animate {
+        animation: 15s testimonials-scroll infinite linear;
+    }
+}
 </style>