clouds completed, z-indices

src/index.css

@@ -2,7 +2,7 @@
 @import "tailwindcss";
 
 @theme {
-  --breakpoint-lg: 1600px;
+  --breakpoint-lg: 1440px;
 }
 
 body {
@@ -16,10 +16,6 @@ button {
 }
 
 @layer utilities {
-  .cloud {
-    animation: clouds linear infinite;
-  }
-
   .text-headline-l {
     @apply lg:text-[clamp(56px,3.889vw,68px)] md:max-lg:text-[clamp(44px,6.366vw,56px)] text-[44px] leading-none;
   }
@@ -45,19 +41,10 @@ button {
   }
 
   .text-caption-m {
-    @apply lg:text-[clamp(12px,0.833vw,14px)] md:max-lg:text-[clamp(10px,1.447vw,12px)] text-[10px] leading-[135%];
+    @apply lg:text-[clamp(12px,0.833vw,14px)] md:max-lg:text-[clamp(12px,1.563vw,18px)] text-[clamp(12px,3.333vw,18px)] leading-[135%];
   }
 
   .text-caption-s {
     @apply lg:text-[clamp(10px,0.694vw,12px)] text-[10px] leading-[135%];
   }
 }
-
-@keyframes clouds {
-  from {
-    transform: translate(-100%, 0%);
-  }
-  to {
-    transform: translate(0%, 0%);
-  }
-}