diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Product/Teaser.html b/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Product/Teaser.html
index 9d2c7ca0..175e60c4 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Product/Teaser.html
+++ b/public/typo3conf/ext/ep_theme/Resources/Private/Partials/Product/Teaser.html
@@ -14,10 +14,10 @@
             <a href="{ep:uri.product(forceHotelUid: forceHotelUid, product: product, hotel: hotel, dateFrom: dateFrom, dateTo: dateTo)}{f:if(condition: referringPageUri, then: '?ref={referringPageUri -> f:format.urlencode()}')}"
                title="{region.name} {product.name} Details und Buchen">
                 <img class="block w-full h-full object-cover lazyload"
-                     src="{f:uri.image(src: 'EXT:ep_theme/Resources/Public/images/lazy.png')}"
-                     data-src="{f:uri.image(image: productImage, width: '640c', height: '480c')}"
+                     src="{f:uri.image(src: 'EXT:ep_theme/Resources/Public/images/lazy.png', width: '360', height: '270')}"
+                     data-src="{f:uri.image(image: productImage, width: '360c', height: '270c')}"
                      alt="{product.name}"
-                     width="640" height="480" />
+                     width="360" height="270" />
             </a>
             <div class="absolute top-0 left-0 z-10 inset-x-0 p-2 flex justify-between items-center {f:if(condition: concept, then: 'bg-concept-{concept.code}-overlay', else: 'bg-ep-primary-80')}">
                 <div class="flex items-center space-x-2">
diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Partials/TeaserImage.html b/public/typo3conf/ext/ep_theme/Resources/Private/Partials/TeaserImage.html
index e04637f2..83a2cf6f 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Partials/TeaserImage.html
+++ b/public/typo3conf/ext/ep_theme/Resources/Private/Partials/TeaserImage.html
@@ -47,10 +47,10 @@
                 width: '350', height: '175c-100'
             )}  320w"/>
             <img class="scale lazyload" title="" alt=""
-                 src="{f:uri.image(src: 'EXT:ep_theme/Resources/Public/images/lazy.png', width: '500', height: '250')}"
-                 width="500"
-                 height="250"
-                 data-src="{f:uri.image(src: 'EXT:ep_theme/Resources/Public/images/header-winter.jpg', width: '500', height: '250c-100')}"
+                 src="{f:uri.image(src: 'EXT:ep_theme/Resources/Public/images/lazy.png', width: '360', height: '270c-100')}"
+                 width="360"
+                 height="270"
+                 data-src="{f:uri.image(src: 'EXT:ep_theme/Resources/Public/images/header-winter.jpg', width: '360', height: '270c-100')}"
              >
         </picture>
     </f:else>