diff --git a/style.css b/style.css
index 03ff70c..3c7ee49 100644
--- a/style.css
+++ b/style.css
@@ -109,7 +109,6 @@ nav > div {
 
 .about-us {
     background-color: var(--surface-container-low);
-    max-height: calc(100vh - var(--nav-height) - 2rem);
 
     & > div {
         max-width: var(--max-content-width);
@@ -121,33 +120,27 @@ nav > div {
         align-items: center;
 
         & :first-child {
-            display: flex;
-            align-items: center;
-            align-content: center;
-            position: relative;
-            height: 100%;
+            width: 100%;
+            display: grid;
+            grid-template-columns: 1fr 1fr;
+            gap: 1rem;
 
-            & > img {
+            & img {
+                width: 100%;
                 border-radius: var(--border-radius);
-                border: 0.5rem solid var(--surface);
-                position: absolute;
-                max-height: 80%;
+                position: relative;
 
-                &:first-child {
-                    aspect-ratio: 1031/580;
-                    height: auto;
-                    right: 20%;
-                    bottom: 10%;
-                }
 
-                &:last-child {
-                    aspect-ratio: 1/1;
-                    height: auto;
-                    z-index: 10;
-                    left: 50%;
-                    top: 10%;
-                }
             }
+
+            & div:first-child > img {
+                top: -1rem;
+            }
+
+            & div:last-child > img {
+                top: 1rem;
+            }
+
         }
 
         & :last-child {
@@ -174,6 +167,7 @@ nav > div {
             flex-direction: row;
             justify-content: center;
             gap: 3rem;
+
             & > div {
                 width: 100%;
 
@@ -216,11 +210,14 @@ nav > div {
 
                 top: 0;
                 transition: top 0.2s;
+
                 &:hover {
                     top: -10px;
+
                     & img {
                         scale: 1.1;
                     }
+
                     & svg {
                         margin-left: 10px;
                     }
@@ -238,11 +235,13 @@ nav > div {
 
 .kawiarnia {
     background-color: var(--secondary-container);
+
     & > div {
         background-color: rgb(from var(--surface) r g b / 0.6);
         max-width: var(--max-content-width);
         margin: 6rem auto;
         border-radius: var(--border-radius);
+
         & > div {
             padding: 4rem;
             display: grid;
@@ -292,9 +291,11 @@ nav > div {
 
 
                 }
+
                 & div:first-child > img {
                     top: -1rem;
                 }
+
                 & div:last-child > img {
                     top: 1rem;
                 }