diff --git a/components/LogoDoubleTicker.vue b/components/LogoDoubleTicker.vue
index 2ea43b9..7c516e6 100644
--- a/components/LogoDoubleTicker.vue
+++ b/components/LogoDoubleTicker.vue
@@ -23,7 +23,7 @@ const bottomLogoArray = computed(() => {
 
 <template>
 	<div class="block-logocloud-ticker">
-		<Vue3Marquee :clone="true" :gradient="true" :gradient-color="[250, 250, 250]" gradient-length="5%">
+		<Vue3Marquee :clone="true" :duration="30" :gradient="true" :gradient-color="[255, 255, 255]" gradient-length="5%">
 			<div class="logo-container">
 				<BaseDirectusImage
 					v-for="logo in topLogoArray"
@@ -34,7 +34,13 @@ const bottomLogoArray = computed(() => {
 				<div class="logo-spacer"></div>
 			</div>
 		</Vue3Marquee>
-		<Vue3Marquee :gradient="true" :gradient-color="[250, 250, 250]" gradient-length="5%" direction="reverse">
+		<Vue3Marquee
+			:gradient="true"
+			:gradient-color="[255, 255, 255]"
+			:duration="30"
+			gradient-length="5%"
+			direction="reverse"
+		>
 			<div class="logo-container">
 				<BaseDirectusImage
 					v-for="logo in bottomLogoArray"
diff --git a/components/LogoTicker.vue b/components/LogoTicker.vue
index 48d62b6..7572004 100644
--- a/components/LogoTicker.vue
+++ b/components/LogoTicker.vue
@@ -10,7 +10,7 @@ const props = defineProps<{
 
 <template>
 	<div class="block-logocloud-ticker">
-		<Vue3Marquee :clone="true" :gradient="true" :gradient-color="[250, 250, 250]" gradient-length="5%">
+		<Vue3Marquee :clone="true" :duration="30" :gradient="true" :gradient-color="[255, 255, 255]" gradient-length="5%">
 			<div class="logo-container">
 				<BaseDirectusImage
 					v-for="logo in props.logos"