diff --git a/layouts/shortcodes/carousel.html b/layouts/shortcodes/carousel.html
index e719a8d3..b99ec2c9 100644
--- a/layouts/shortcodes/carousel.html
+++ b/layouts/shortcodes/carousel.html
@@ -16,6 +16,14 @@
   {{ end }}
 {{ end }}
 
+<style>
+  #{{ $id }} [data-twe-carousel-item] {
+    transition-duration: {{ $interval }}ms !important;
+  }
+  #{{ $id }} [data-twe-carousel-init] {
+    --twe-carousel-interval: {{ $interval }};
+  }
+</style>
 
 <div
   id="{{ $id }}"