fix investigation__header

assets/css/components/_investigation-hero.scss

@@ -1,21 +1,19 @@
 #investigation__hero {
-
   width: 100%;
   max-width: var(--max-w-cards);
   margin-inline: auto;
 
-       
-
   figcaption {
     color: var(--color-txt-light);
     font-size: var(--fs-small);
-            @media #{$x-small}{    font-size: var(--fs-xsmall); }
+    @media #{$x-small} {
+      font-size: var(--fs-xsmall);
+    }
     padding: calc(var(--spacing) * 0.5) var(--padding-body);
     padding-bottom: 0;
     text-align: center;
     max-width: var(--max-w-content);
     margin-inline: auto;
-            
   }
 
   figure {
@@ -23,26 +21,25 @@
     position: relative;
     img {
       width: 100%;
+      height: auto;
       aspect-ratio: 2/1;
       object-fit: cover;
     }
   }
 
-
   .player-container {
     width: 100%;
     position: relative;
     aspect-ratio: 2/1;
 
-            .extract, video{
+    .extract,
+    video {
       width: 100%;
       height: 100%;
       object-fit: cover;
       position: relative;
     }
 
-
-       
     .video-full {
       width: 100%;
       height: 100%;
@@ -64,7 +61,6 @@
       align-items: center;
       justify-content: center;
 
-
       .btn--bold {
         display: flex;
         align-items: center;
@@ -91,12 +87,5 @@
         opacity: 0.8;
       }
     }
-        
   }
-
-
 }
-
-
-
-

assets/css/style.css

@@ -975,6 +975,7 @@ figcaption,
 }
 #investigation__hero figure img {
   width: 100%;
+  height: auto;
   aspect-ratio: 2/1;
   -o-object-fit: cover;
      object-fit: cover;
@@ -984,7 +985,8 @@ figcaption,
   position: relative;
   aspect-ratio: 2/1;
 }
-#investigation__hero .player-container .extract, #investigation__hero .player-container video {
+#investigation__hero .player-container .extract,
+#investigation__hero .player-container video {
   width: 100%;
   height: 100%;
   -o-object-fit: cover;