home page parts

components/dot/dot.css

@@ -1,15 +1,15 @@
 .pulse-wrapper {
   position: relative;
-  width: 40px;
-  height: 40px;
+  width: 30px;
+  height: 30px;
 }
 
 .core {
   position: absolute;
   inset: 0;
   margin: auto;
-  width: 14px;
-  height: 14px;
+  width: 12px;
+  height: 12px;
   background: #dc2626; /* red-600 */
   border-radius: 50%;
   z-index: 2;
@@ -34,10 +34,10 @@
   animation-delay: 0.5s;
 }
 .ring:nth-child(3) {
-  animation-delay: 1s;
+  animation-delay: 1.5s;
 }
 .ring:nth-child(4) {
-  animation-delay: 1.5s;
+  animation-delay: 2s;
 }
 .ring:nth-child(5) {
   animation-delay: 1.5s;
@@ -49,7 +49,7 @@
     opacity: 0.6;
   }
   100% {
-    transform: scale(3);
+    transform: scale(2.5);
     opacity: 0;
   }
 }