Simplify hero to one GIF and one PNG

index.html

@@ -17,8 +17,6 @@
       <div class="asset-orbit" aria-hidden="true">
         <img class="asset asset-a" src="https://serve.thelabsource.com/u/FhQgYP.gif" alt="" />
         <img class="asset asset-b" src="https://serve.thelabsource.com/u/ih5dUC.png" alt="" />
-        <img class="asset asset-c" src="https://serve.thelabsource.com/u/4Kb3iS.gif" alt="" />
-        <img class="asset asset-d" src="https://serve.thelabsource.com/u/yZylMt.gif" alt="" />
       </div>
 
       <div class="hero-copy">

styles.css

@@ -103,26 +103,12 @@ main {
 }
 
 .asset-b {
-  width: min(36vw, 560px);
-  right: 3vw;
-  top: 9svh;
+  width: min(38vw, 620px);
+  right: 4vw;
+  top: 14svh;
   animation-delay: -3s;
 }
 
-.asset-c {
-  width: min(35vw, 520px);
-  right: 8vw;
-  bottom: 18svh;
-  animation-delay: -5s;
-}
-
-.asset-d {
-  width: min(24vw, 340px);
-  left: 39vw;
-  bottom: 12svh;
-  animation-delay: -7s;
-}
-
 .hero::after {
   content: "";
   position: absolute;
@@ -487,8 +473,7 @@ code {
 @media (max-width: 980px) {
   .screen { width: min(100vw - 28px, 1380px); }
   .asset-a { width: 86vw; height: 52svh; left: 0; top: 9svh; }
-  .asset-b, .asset-d { display: none; }
-  .asset-c { width: 58vw; right: 0; bottom: 20svh; }
+  .asset-b { width: 58vw; right: 0; top: 46svh; }
   .hero-panel { position: relative; right: auto; bottom: auto; width: 100%; margin-bottom: 80px; }
   .hero-copy { padding-bottom: 28px; }
   .model-stage, .pipeline { grid-template-columns: 1fr; }
@@ -498,7 +483,7 @@ code {
 
 @media (max-width: 640px) {
   h1 { font-size: clamp(48px, 17vw, 78px); }
-  .asset-c { display: none; }
+  .asset-b { display: none; }
   .command-wrap { grid-template-columns: 1fr; }
   .model-tabs { grid-template-columns: 1fr; }
   .pipeline-art { min-height: 420px; }