From bf43f5204635b2fc3121832bf947717e72d0b3f9 Mon Sep 17 00:00:00 2001
From: Dominik Polakovics <dominik.polakovics@cloonar.com>
Date: Fri, 20 Dec 2024 20:39:14 +0100
Subject: [PATCH] fix: image sizing

---
 .../ContentElements/textimage/assets/frontend.css          | 7 +++----
 .../ContentElements/textimage/templates/frontend.html      | 5 +++--
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/packages/base/ContentBlocks/ContentElements/textimage/assets/frontend.css b/packages/base/ContentBlocks/ContentElements/textimage/assets/frontend.css
index b969cd7..a351b6b 100644
--- a/packages/base/ContentBlocks/ContentElements/textimage/assets/frontend.css
+++ b/packages/base/ContentBlocks/ContentElements/textimage/assets/frontend.css
@@ -58,10 +58,9 @@
     .textimage-image-wrapper.size-25 {
         flex: 0 0 calc(40% - (var(--gap) / 2));
     }
-
-    /* .textimage-wrapper.size-25 { */
-    /*     flex: 0 0 calc(40% - (var(--gap) / 2)); */
-    /* } */
+    .textimage-wrapper.size-25 {
+        flex: 0 0 calc(40% - (var(--gap) / 2));
+    }
 
     .textimage-image-wrapper.size-50 {
         flex: 0 0 calc(50% - (var(--gap) / 2));
diff --git a/packages/base/ContentBlocks/ContentElements/textimage/templates/frontend.html b/packages/base/ContentBlocks/ContentElements/textimage/templates/frontend.html
index be02b8e..31e0e04 100644
--- a/packages/base/ContentBlocks/ContentElements/textimage/templates/frontend.html
+++ b/packages/base/ContentBlocks/ContentElements/textimage/templates/frontend.html
@@ -33,8 +33,8 @@
             <source
               srcset="
                 {f:uri.image(image:data.image.0, width:'320c', cropVariant:'default')} 320w,
-                {f:uri.image(image:data.image.0, width:'768c', cropVariant:'default')} 768w,
-                {f:uri.image(image:data.image.0, width:'1024c', cropVariant:'default')} 1024w"
+                {f:uri.image(image:data.image.0, width:'400c', cropVariant:'default')} 768w,
+                {f:uri.image(image:data.image.0, width:'538c', cropVariant:'default')} 1024w"
               sizes="(max-width: 320px) 90vw,
                      (max-width: 768px) 600px,
                      600px" />
@@ -43,6 +43,7 @@
               image="{data.image.0}"
               treatIdAsReference="1"
               cropVariant="default"
+              width="538c"
               alt="{data.image.0.alternative}"
               class="textimage-image"
             />