From 3b0346069680616c25ea304d5f52c526dc40fbdb Mon Sep 17 00:00:00 2001
From: ImanKalyanChakraborty <imankc1975@gmail.com>
Date: Thu, 28 Dec 2023 13:31:19 +0530
Subject: [PATCH] Fixed the overlapping bug

---
 style.css | 21 +++++++++++++++++++++
 1 file changed, 21 insertions(+)

diff --git a/style.css b/style.css
index 4849355..ce84f3c 100644
--- a/style.css
+++ b/style.css
@@ -624,6 +624,12 @@ body, .hero_heading, .tracks-window, .info-window, .rectangle, .body-text, .imag
   }
 }
 
+@media screen and (max-width: 662px) {
+  #about {
+    height: 107vw;
+  }
+}
+
 @media screen and (max-width: 630px) {
   #mobile-images {
       top: -100px;
@@ -638,6 +644,15 @@ body, .hero_heading, .tracks-window, .info-window, .rectangle, .body-text, .imag
       left: 32%;
   }
   
+  #about {
+    height: 132vw;
+  }
+}
+
+@media screen and (max-width: 598px) {
+  #about {
+    height: 142vw;
+  }
 }
 
 @media screen and (max-width: 581px) {
@@ -692,6 +707,12 @@ body, .hero_heading, .tracks-window, .info-window, .rectangle, .body-text, .imag
   }
 }
 
+@media screen and (max-width: 461px) {
+  #about {
+    height: 146vw;
+  }
+}
+
 @media screen and (max-width: 430px) {
   #mobile-images {
       top: -94px;