diff --git a/web/typo3conf/ext/ep_theme/Resources/Private/Assets/scss/remix/_slider.scss b/web/typo3conf/ext/ep_theme/Resources/Private/Assets/scss/remix/_slider.scss
index c66f1808..9226a5e1 100644
--- a/web/typo3conf/ext/ep_theme/Resources/Private/Assets/scss/remix/_slider.scss
+++ b/web/typo3conf/ext/ep_theme/Resources/Private/Assets/scss/remix/_slider.scss
@@ -15,7 +15,7 @@
 .slider__item {
   position: relative;
   background-size: cover;
-  background-position: center center;
+  background-position: left center;
   display: none;
 
   // Avoid FOUC
diff --git a/web/typo3conf/ext/ep_theme/Resources/Private/Partials/Product/HeaderDetail.html b/web/typo3conf/ext/ep_theme/Resources/Private/Partials/Product/HeaderDetail.html
index 6254b0e8..9031f4dc 100644
--- a/web/typo3conf/ext/ep_theme/Resources/Private/Partials/Product/HeaderDetail.html
+++ b/web/typo3conf/ext/ep_theme/Resources/Private/Partials/Product/HeaderDetail.html
@@ -7,9 +7,9 @@
             <div class="slider__items">
                 <f:for each="{product.images}" as="image" iteration="iteration">
                     <div class="slider__item slider__item--product responsive-bg"
-                         style="background-image: url({f:uri.image(image: image, width: '400', height: '200c')})"
-                         data-mobile="{f:uri.image(image: image, width: '400', height: '180c')}"
-                         data-desktop="{f:uri.image(image: image, width: '585', height: '360c')}">
+                         style="background-image: url({f:uri.image(image: image, width: '400')})"
+                         data-mobile="{f:uri.image(image: image, width: '400')}"
+                         data-desktop="{f:uri.image(image: image, width: '585')}">
                     </div>
                 </f:for>
             </div>