diff --git a/DistributionPackages/Neos.NeosIo.ServiceOfferings/Resources/Private/Fusion/Documents/ServiceProviderCollection.fusion b/DistributionPackages/Neos.NeosIo.ServiceOfferings/Resources/Private/Fusion/Documents/ServiceProviderCollection.fusion
index 0a7442c5d..08a036aa5 100644
--- a/DistributionPackages/Neos.NeosIo.ServiceOfferings/Resources/Private/Fusion/Documents/ServiceProviderCollection.fusion
+++ b/DistributionPackages/Neos.NeosIo.ServiceOfferings/Resources/Private/Fusion/Documents/ServiceProviderCollection.fusion
@@ -1,6 +1,10 @@
 prototype(Neos.NeosIo.ServiceOfferings:Document.ServiceProviderCollection) < prototype(Neos.NeosIo:DefaultPage) {
     body {
         content {
+            keyVisual = Neos.NeosIo:KeyVisual {
+                keyVisualSize = 'small'
+            }
+
             main = Neos.Fusion:Join {
                 top = Neos.Neos:PrimaryContent {
                     nodePath = 'main'
diff --git a/DistributionPackages/Neos.NeosIo/Resources/Private/Fusion/FusionObjects/KeyVisual.fusion b/DistributionPackages/Neos.NeosIo/Resources/Private/Fusion/FusionObjects/KeyVisual.fusion
index 5a61a92f6..f4b6600d2 100644
--- a/DistributionPackages/Neos.NeosIo/Resources/Private/Fusion/FusionObjects/KeyVisual.fusion
+++ b/DistributionPackages/Neos.NeosIo/Resources/Private/Fusion/FusionObjects/KeyVisual.fusion
@@ -5,6 +5,7 @@ prototype(Neos.NeosIo:KeyVisual) < prototype(Neos.Fusion:Component) {
     // API
     keyVisualImage = null
     keyVisualImageSmall = null
+    keyVisualSize = 'default'
     isKeyVisualContentsInverted = false
     content = null
 
diff --git a/DistributionPackages/Neos.NeosIo/Resources/Private/Fusion/FusionObjects/KeyVisual/AbstractRenderer.fusion b/DistributionPackages/Neos.NeosIo/Resources/Private/Fusion/FusionObjects/KeyVisual/AbstractRenderer.fusion
index e068d35bb..f833f437f 100644
--- a/DistributionPackages/Neos.NeosIo/Resources/Private/Fusion/FusionObjects/KeyVisual/AbstractRenderer.fusion
+++ b/DistributionPackages/Neos.NeosIo/Resources/Private/Fusion/FusionObjects/KeyVisual/AbstractRenderer.fusion
@@ -10,7 +10,7 @@ prototype(Neos.NeosIo:KeyVisual.AbstractRenderer) < prototype(Neos.Fusion:Compon
     highQualityImageUri = ''
     imageSrcSet = ''
 
-    classes = "keyVisual print-hidden"
+    classes = ${"keyVisual keyVisual--" + props.keyVisualSize + " print-hidden"}
 
     divClasses = ${"keyVisual__contents u-alignCenter " + (this.isKeyVisualContentsInverted ? "u-invertText" : "")}
     previewImageStyleAttribute = ${"background-image: url('" + this.previewImageUri + "')"}
diff --git a/DistributionPackages/Neos.NeosIo/Resources/Private/Fusion/FusionObjects/KeyVisual/StaticPlaceholderImageRenderer.fusion b/DistributionPackages/Neos.NeosIo/Resources/Private/Fusion/FusionObjects/KeyVisual/StaticPlaceholderImageRenderer.fusion
index b31d9a085..7e96fb16c 100644
--- a/DistributionPackages/Neos.NeosIo/Resources/Private/Fusion/FusionObjects/KeyVisual/StaticPlaceholderImageRenderer.fusion
+++ b/DistributionPackages/Neos.NeosIo/Resources/Private/Fusion/FusionObjects/KeyVisual/StaticPlaceholderImageRenderer.fusion
@@ -13,4 +13,6 @@ prototype(Neos.NeosIo:KeyVisual.StaticPlaceholderImageRenderer) < prototype(Neos
         highRes = ${staticUrlPrefix + "-1280w.jpg 1280w, "}
         mediumRes = ${staticUrlPrefix + "-658w.jpg 658w"}
     }
+
+    keyVisualSize = ${props.keyVisualSize}
 }
diff --git a/DistributionPackages/Neos.NeosIo/Resources/Private/Scss/Organisms/_KeyVisual.scss b/DistributionPackages/Neos.NeosIo/Resources/Private/Scss/Organisms/_KeyVisual.scss
index 57c9e3789..d434c4471 100644
--- a/DistributionPackages/Neos.NeosIo/Resources/Private/Scss/Organisms/_KeyVisual.scss
+++ b/DistributionPackages/Neos.NeosIo/Resources/Private/Scss/Organisms/_KeyVisual.scss
@@ -6,6 +6,12 @@
 	overflow: hidden;
 	background: #000;
 
+  &--small {
+    .keyVisual__contents {
+      height: MIN(250px, 25vw);
+    }
+  }
+
 	&:before {
 		content: '';
 		position: absolute;