Merge pull request #471 from datum-cloud/bugfix

chore: Update components.css

Author: ronggur

src/components/home/FirstSection.astro

@@ -29,7 +29,7 @@ if (content.data.images) {
 }
 ---
 
-<section class="bg-glacier-mist-700 section--block section--block--pad">
+<section class="bg-glacier-mist-700 section--block section--block--pad overflow-clip">
   <div class="absolute right-0 bottom-0 z-0 flex w-[663px]">
     <Image
       src={sceneTree}

src/components/home/SecondSection.astro

@@ -9,7 +9,7 @@ const { content } = Astro.props as ContentProps;
 ---
 
 <section
-  class="bg-glacier-mist-800 section--block pt-16 pb-20 md:pt-20 md:pb-24 lg:pt-28 lg:pb-36 xl:pt-40 xl:pb-40"
+  class="bg-glacier-mist-800 section--block overflow-clip pt-16 pb-20 md:pt-20 md:pb-24 lg:pt-28 lg:pb-36 xl:pt-40 xl:pb-40"
 >
   <div class="max-width flex max-w-243 align-middle">
     <!-- Main content container -->

src/v1/styles/components.css

@@ -65,24 +65,17 @@
     @apply flex items-center justify-center gap-7;
   }
 
-  .footer-illustration-container {
-    @apply relative z-9;
-  }
-
-  .footer-illustration-image {
-    @apply h-auto w-full -translate-y-3;
-  }
-
   .footer-illustration-container {
     @apply bg-glacier-mist-700 relative;
+    @apply relative z-9;
 
     &:before {
       @apply bg-midnight-fjord absolute inset-0 top-auto bottom-0 left-0 z-0 h-4 w-full content-[''];
     }
   }
 
   .footer-illustration-image {
-    @apply relative mr-auto size-auto max-h-43 max-w-none object-cover md:max-h-none md:max-w-full;
+    @apply relative mr-auto size-auto w-full -translate-y-3 object-cover;
   }
 
   .footer-main {