From 24dec657894cb82a083bebc844885d00f33f8b3f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Patrycja=20Kali=C5=84ska?= <cysiak0412@gmail.com>
Date: Wed, 14 Aug 2024 15:13:27 +0200
Subject: [PATCH 1/2] fix for content placement

---
 .../Hero/ScreenSequence/styles.module.css        |  7 +++++++
 .../Hero/StartScreen/styles.module.css           | 16 +---------------
 2 files changed, 8 insertions(+), 15 deletions(-)

diff --git a/docs/src/components/Hero/ScreenSequence/styles.module.css b/docs/src/components/Hero/ScreenSequence/styles.module.css
index 2651a9ebfd..724155c460 100644
--- a/docs/src/components/Hero/ScreenSequence/styles.module.css
+++ b/docs/src/components/Hero/ScreenSequence/styles.module.css
@@ -8,6 +8,13 @@
   align-items: center;
 }
 
+@media (min-width: 2920px) {
+  .screens {
+    top: 3rem;
+    min-height: 70%;
+  }
+}
+
 @media (max-width: 2000px) {
   .screens {
     top: 4rem;
diff --git a/docs/src/components/Hero/StartScreen/styles.module.css b/docs/src/components/Hero/StartScreen/styles.module.css
index 6804223a85..b5c1c1e8e0 100644
--- a/docs/src/components/Hero/StartScreen/styles.module.css
+++ b/docs/src/components/Hero/StartScreen/styles.module.css
@@ -25,7 +25,7 @@
   color: var(--swm-blue-light-80);
 }
 
-[data-theme='dark'] .headingLabel :nth-child(2) {
+[data-theme="dark"] .headingLabel :nth-child(2) {
   color: var(--swm-blue-dark-80);
 }
 
@@ -55,20 +55,6 @@
   justify-content: flex-start;
 }
 
-@media (min-width: 2920px) {
-  .hero {
-    flex-direction: row-reverse;
-    margin-bottom: 0;
-    align-items: center;
-  }
-  .subheadingLabel {
-    width: 100%;
-  }
-  .heading {
-    margin: 0;
-  }
-}
-
 @media (max-width: 996px) {
   .hero {
     margin-bottom: 1rem;

From 5511f88de4fc794fc234130a030882bd4e0be9a2 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Patrycja=20Kali=C5=84ska?= <cysiak0412@gmail.com>
Date: Wed, 28 Aug 2024 11:04:26 +0200
Subject: [PATCH 2/2] add support for 4k

---
 .../Hero/ScreenSequence/styles.module.css           | 13 +++++++++++++
 1 file changed, 13 insertions(+)

diff --git a/docs/src/components/Hero/ScreenSequence/styles.module.css b/docs/src/components/Hero/ScreenSequence/styles.module.css
index 724155c460..271678ed76 100644
--- a/docs/src/components/Hero/ScreenSequence/styles.module.css
+++ b/docs/src/components/Hero/ScreenSequence/styles.module.css
@@ -14,6 +14,19 @@
     min-height: 70%;
   }
 }
+@media (min-width: 3000px) and (min-height: 1500px) {
+  .screens {
+    top: -3vh;
+    min-height: 50%;
+  }
+}
+
+@media (min-width: 3000px) and (min-height: 2000px) {
+  .screens {
+    top: -3vh;
+    min-height: 50%;
+  }
+}
 
 @media (max-width: 2000px) {
   .screens {