Add files via upload

Author: d6veteran

index.html

@@ -45,12 +45,17 @@ <h1 class="hero-title">
 
     <div class="hero-cats">
       <div class="cat-float" style="--delay: 0s;"><img src="https://github.com/code-katz/.github/blob/main/media/logos/akira-icon.png?raw=true" alt="Akira" class="cat-icon"></div>
-      <div class="cat-float" style="--delay: 0.3s;"><img src="https://github.com/code-katz/.github/blob/main/media/logos/sasha-icon.png?raw=true" alt="Sasha" class="cat-icon"></div>
-      <div class="cat-float" style="--delay: 0.6s;"><img src="https://github.com/code-katz/.github/blob/main/media/logos/robin-icon.png?raw=true" alt="Robin" class="cat-icon"></div>
+      <div class="cat-float" style="--delay: 0.15s;"><img src="https://github.com/code-katz/.github/blob/main/media/logos/alex-icon.png?raw=true" alt="Alex" class="cat-icon"></div>
+      <div class="cat-float" style="--delay: 0.3s;"><img src="https://github.com/code-katz/.github/blob/main/media/logos/casey-icon.png?raw=true" alt="Casey" class="cat-icon"></div>
+      <div class="cat-float" style="--delay: 0.45s;"><img src="https://github.com/code-katz/.github/blob/main/media/logos/jordan-icon.png?raw=true" alt="Jordan" class="cat-icon"></div>
+      <div class="cat-float" style="--delay: 0.6s;"><img src="https://github.com/code-katz/.github/blob/main/media/logos/kai-icon.png?raw=true" alt="Kai" class="cat-icon"></div>
+      <div class="cat-float" style="--delay: 0.75s;"><img src="https://github.com/code-katz/.github/blob/main/media/logos/morgan-icon.png?raw=true" alt="Morgan" class="cat-icon"></div>
       <div class="cat-float" style="--delay: 0.9s;"><img src="https://github.com/code-katz/.github/blob/main/media/logos/quinn-icon.png?raw=true" alt="Quinn" class="cat-icon"></div>
-      <div class="cat-float" style="--delay: 1.2s;"><img src="https://github.com/code-katz/.github/blob/main/media/logos/river-icon.png?raw=true" alt="River" class="cat-icon"></div>
-      <div class="cat-float" style="--delay: 1.5s;"><img src="https://github.com/code-katz/.github/blob/main/media/logos/sage-icon.png?raw=true" alt="Sage" class="cat-icon"></div>
-      <div class="cat-float" style="--delay: 1.8s;"><img src="https://github.com/code-katz/.github/blob/main/media/logos/toni-icon.png?raw=true" alt="Toni" class="cat-icon"></div>
+      <div class="cat-float" style="--delay: 1.05s;"><img src="https://github.com/code-katz/.github/blob/main/media/logos/river-icon.png?raw=true" alt="River" class="cat-icon"></div>
+      <div class="cat-float" style="--delay: 1.2s;"><img src="https://github.com/code-katz/.github/blob/main/media/logos/robin-icon.png?raw=true" alt="Robin" class="cat-icon"></div>
+      <div class="cat-float" style="--delay: 1.35s;"><img src="https://github.com/code-katz/.github/blob/main/media/logos/sage-icon.png?raw=true" alt="Sage" class="cat-icon"></div>
+      <div class="cat-float" style="--delay: 1.5s;"><img src="https://github.com/code-katz/.github/blob/main/media/logos/sasha-icon.png?raw=true" alt="Sasha" class="cat-icon"></div>
+      <div class="cat-float" style="--delay: 1.65s;"><img src="https://github.com/code-katz/.github/blob/main/media/logos/toni-icon.png?raw=true" alt="Toni" class="cat-icon"></div>
     </div>
   </section>
 

style.css

@@ -172,11 +172,15 @@ a { color: var(--charcoal); }
 /* Floating cats */
 .hero-cats {
   display: flex;
+  flex-wrap: wrap;
   justify-content: center;
   gap: 1.5rem;
   margin-top: 3rem;
   position: relative;
   z-index: 1;
+  max-width: 480px;
+  margin-left: auto;
+  margin-right: auto;
 }
 
 .cat-float {