diff --git a/web/templates/public/campsite/type.gohtml b/web/templates/public/campsite/type.gohtml
index 3466ca3..cb32b4d 100644
--- a/web/templates/public/campsite/type.gohtml
+++ b/web/templates/public/campsite/type.gohtml
@@ -120,7 +120,7 @@
         </section>
     </article>
 
-    {{ template "carouselInit" }}
+    {{ template "carouselInit" 3 }}
 
     <script>
         (function () {
diff --git a/web/templates/public/home.gohtml b/web/templates/public/home.gohtml
index ef7c704..0c1a03d 100644
--- a/web/templates/public/home.gohtml
+++ b/web/templates/public/home.gohtml
@@ -53,5 +53,5 @@
         </div>
     </section>
 
-    {{ template "carouselInit" }}
+    {{ template "carouselInit" 4 }}
 {{- end }}
diff --git a/web/templates/public/layout.gohtml b/web/templates/public/layout.gohtml
index 487af3b..44519f2 100644
--- a/web/templates/public/layout.gohtml
+++ b/web/templates/public/layout.gohtml
@@ -157,7 +157,7 @@
     <script>
         jQuery(function () {
             jQuery('.carousel').slick({
-                slidesToShow: 3,
+                slidesToShow: {{ . }},
                 slidesToScroll: 1,
                 infinite: false,
                 arrows: true,
@@ -167,7 +167,7 @@
                     {
                         breakpoint: 1024,
                         settings: {
-                            slidesToShow: 2,
+                            slidesToShow: {{ . | dec }},
                         }
                     },
                     {
diff --git a/web/templates/public/services.gohtml b/web/templates/public/services.gohtml
index 950a539..a132776 100644
--- a/web/templates/public/services.gohtml
+++ b/web/templates/public/services.gohtml
@@ -29,7 +29,7 @@
         {{- end }}
     </div>
 
-    {{ template "carouselInit" }}
+    {{ template "carouselInit" 3 }}
 
     <dl>
         {{ range .Services -}}