From 12c62c07d56ed1903d0679011fd94b9a518f1047 Mon Sep 17 00:00:00 2001
From: Jonas Helming <jhelming@eclipsesource.com>
Date: Fri, 25 Oct 2024 16:38:11 +0200
Subject: [PATCH] Make TheiaCon Logo responsive

fixed #629

Signed-off-by: Jonas Helming <jhelming@eclipsesource.com>
---
 src/components/index/Header.js | 15 ++++++++++++++-
 1 file changed, 14 insertions(+), 1 deletion(-)

diff --git a/src/components/index/Header.js b/src/components/index/Header.js
index ace6a97..e0f9864 100644
--- a/src/components/index/Header.js
+++ b/src/components/index/Header.js
@@ -38,7 +38,20 @@ const StyledHeader = styled.div`
             height: 3rem;
         }
         .banner__image {
-            height: 15rem;
+            height: auto;
+            width: 45rem; /* Default width */
+
+            @media (max-width: 800px) {
+                width: 35rem; /* Adjust for medium screens */
+            }
+
+            @media (max-width: 500px) {
+                width: 25rem; /* Further reduce width for smaller screens */
+            }
+
+            @media (max-width: 385px) {
+                width:20rem; /* Even smaller for very narrow screens */
+            }
         }
         &__banner {
             padding: 15px;