From 5f19119d27e6727a5bd2aca494ff4d05e2ec4000 Mon Sep 17 00:00:00 2001
From: Tomasz Dziezyk <tomasz.dziezyk@netcentric.biz>
Date: Mon, 28 Oct 2024 10:01:03 +0100
Subject: [PATCH] KAW-8196 Fix text with image stacked overlapping next
 component

---
 blocks/text-with-image/text-with-image.css | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/blocks/text-with-image/text-with-image.css b/blocks/text-with-image/text-with-image.css
index 427e5ce..3eb5d39 100644
--- a/blocks/text-with-image/text-with-image.css
+++ b/blocks/text-with-image/text-with-image.css
@@ -17,6 +17,7 @@
   display: flex;
   flex-direction: column;
   gap: 48px;
+  overflow-x: clip;
 }
 
 .text-with-image .column-with-images {
@@ -72,6 +73,7 @@
   transform: translateY(
     calc(var(--text-image-2nd-image-height) - var(--text-image-distance))
   );
+  padding-bottom: calc(var(--text-image-2nd-image-height) - var(--text-image-distance));
   transition: transform var(--animation-time) linear;
 }
 
@@ -170,6 +172,7 @@
 
   .text-with-image.stacked-images .column-with-text {
     transform: unset;
+    padding: 0;
   }
 
   .text-with-image.stacked-images .column-with-images {