Fixes issue where media player was cutoff for mid width devices

src/app/hero/hero.component.scss

@@ -198,7 +198,7 @@
   display: flex;
   gap: clamp($spacing-xl, 4vw, $spacing-3xl);
   width: max-content;
-  animation: scroll-carousel 30s linear infinite;
+  animation: scroll-carousel 45s linear infinite;
 
   &.paused {
     animation-play-state: paused;
@@ -211,7 +211,7 @@
   }
 
   to {
-    transform: translateX(-50%);
+    transform: translateX(-66.666%);
   }
 }