Use one right-side GIF in hero

index.html

@@ -16,7 +16,6 @@
     <section class="screen hero" aria-labelledby="page-title">
       <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="" />
       </div>
 
       <div class="hero-copy">

styles.css

@@ -97,16 +97,9 @@ main {
 .asset-a {
   width: min(48vw, 760px);
   height: min(42vw, 520px);
-  left: 4vw;
-  top: 12svh;
-  transform: rotateX(6deg) rotateY(16deg) rotateZ(-2deg);
-}
-
-.asset-b {
-  width: min(38vw, 620px);
-  right: 4vw;
-  top: 14svh;
-  animation-delay: -3s;
+  right: 5vw;
+  top: 17svh;
+  transform: rotateX(5deg) rotateY(-14deg) rotateZ(2deg);
 }
 
 .hero::after {
@@ -472,8 +465,7 @@ code {
 
 @media (max-width: 980px) {
   .screen { width: min(100vw - 28px, 1380px); }
-  .asset-a { width: 86vw; height: 52svh; left: 0; top: 9svh; }
-  .asset-b { width: 58vw; right: 0; top: 46svh; }
+  .asset-a { width: 76vw; height: 42svh; right: -7vw; top: 9svh; opacity: 0.56; }
   .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; }
@@ -483,7 +475,7 @@ code {
 
 @media (max-width: 640px) {
   h1 { font-size: clamp(48px, 17vw, 78px); }
-  .asset-b { display: none; }
+  .asset-a { width: 92vw; height: 34svh; right: -22vw; top: 10svh; opacity: 0.42; }
   .command-wrap { grid-template-columns: 1fr; }
   .model-tabs { grid-template-columns: 1fr; }
   .pipeline-art { min-height: 420px; }