Fix waves and sky in Hero

components/home/HomeHeroSky.vue

@@ -19,7 +19,7 @@ export default {}
 
 <style lang="postcss" scoped>
 #clouds {
-  padding-top: 20vh;
+  padding: 20vh 0;
 }
 
 /* Day */
@@ -58,14 +58,14 @@ export default {}
 .x5 {
   animation: animateCloud 50s linear infinite;
   transform: scale(0.55) rotateY(180deg);
-  opacity: 0.3;
+  opacity: 0.4;
 }
 
 .cloud {
   background: #fff;
   border-radius: 100px;
 
-  height: 120px;
+  height: 100px;
   position: relative;
   width: 350px;
 }

components/home/HomeSearch.vue

@@ -7,9 +7,9 @@
     <svg
       xmlns="http://www.w3.org/2000/svg"
       xmlns:xlink="http://www.w3.org/1999/xlink"
-      width="3000"
+      width="100%"
       height="700"
-      preserveAspectRatio="xMidYMid"
+      preserveAspectRatio="none"
       viewBox="0 0 3000 700"
       class="absolute inset-0 -top-28"
     >