diff --git a/assets/main.scss b/assets/main.scss
index 7abca0d..5f23392 100644
--- a/assets/main.scss
+++ b/assets/main.scss
@@ -63,7 +63,7 @@ h1 {
 
         > .slider {
             width: calc(100% - 60px);
-            height: 250px;
+            // height: 250px;
             display: flex;
             padding: 0 10px;
             border-right: 20px solid $color_red;
@@ -81,6 +81,12 @@ h1 {
                 &.hidden {
                     opacity: 0;
                 }
+
+                &.placeholder {
+                    position: static;
+                    visibility: hidden;
+                    width: 100%;
+                }
             }
 
             .dots {
diff --git a/themes/tsc_vfl/layouts/partials/page/header.html b/themes/tsc_vfl/layouts/partials/page/header.html
index 70c70fa..4b508e2 100644
--- a/themes/tsc_vfl/layouts/partials/page/header.html
+++ b/themes/tsc_vfl/layouts/partials/page/header.html
@@ -8,12 +8,13 @@
         </a>
     </div>
     <div class="slider">
-        <img src="{{ relURL "img/banner/Banner-RENOTE.jpg" }}">
-        <img src="{{ relURL "img/banner/Banner-Show2016.jpg" }}" class="hidden">
-        <img src="{{ relURL "img/banner/Banner2019.jpg" }}" class="hidden">
-        <img src="{{ relURL "img/banner/Fotobanner2.jpg" }}" class="hidden">
-        <img src="{{ relURL "img/banner/Paare_2019.jpg" }}" class="hidden">
-        <img src="{{ relURL "img/banner/slider-turnier.jpg" }}" class="hidden">
+        <img src="{{ relURL "img/banner/Banner-RENOTE.jpg" }}" class="placeholder">
+        <img src="{{ relURL "img/banner/Banner-RENOTE.jpg" }}" class="slider-img">
+        <img src="{{ relURL "img/banner/Banner-Show2016.jpg" }}" class="hidden slider-img">
+        <img src="{{ relURL "img/banner/Banner2019.jpg" }}" class="hidden slider-img">
+        <img src="{{ relURL "img/banner/Fotobanner2.jpg" }}" class="hidden slider-img">
+        <img src="{{ relURL "img/banner/Paare_2019.jpg" }}" class="hidden slider-img">
+        <img src="{{ relURL "img/banner/slider-turnier.jpg" }}" class="hidden slider-img">
         <div class="dots">
             <div data-index="0" class="dot active"></div>
             <div data-index="1" class="dot"></div>
diff --git a/themes/tsc_vfl/static/js/slider.js b/themes/tsc_vfl/static/js/slider.js
index df97186..04487f5 100644
--- a/themes/tsc_vfl/static/js/slider.js
+++ b/themes/tsc_vfl/static/js/slider.js
@@ -4,7 +4,7 @@ $(function () {
     const delay = 7000
     function showImage(idx) {
         // console.log("switching to index", idx)
-        const imgs = $('#header .slider img')
+        const imgs = $('#header .slider .slider-img')
         imgs.eq(idx).removeClass('hidden')
         imgs.filter((i, e) => {return i != idx}).addClass('hidden')
         const dots = $('#header .slider .dots .dot')