diff --git a/src/components/fullscreen-video-overlay/style.tsx b/src/components/fullscreen-video-overlay/style.tsx
index b69300c6..507507ee 100644
--- a/src/components/fullscreen-video-overlay/style.tsx
+++ b/src/components/fullscreen-video-overlay/style.tsx
@@ -35,4 +35,5 @@ export const ThumbnailImage = styled.img`
   width: 100%;
   height: 100%;
   cursor: pointer;
+  aspect-ratio: 4/3;
 `;
diff --git a/src/components/hero-main/index.tsx b/src/components/hero-main/index.tsx
index d1f00d4d..5413cc64 100644
--- a/src/components/hero-main/index.tsx
+++ b/src/components/hero-main/index.tsx
@@ -88,10 +88,9 @@ export function HeroMain({ title, ticker, body, image, partners }: HeroMainProps
         </Reveal>
       </Root>
 
-
       <Reveal staggerIndex={3} >
         <PartnerList partners={partners}/>
       </Reveal>
     </RevealWrapper>
   )
-}
+}
\ No newline at end of file
diff --git a/src/components/hero-main/styles.tsx b/src/components/hero-main/styles.tsx
index 452f32c8..948b3d13 100644
--- a/src/components/hero-main/styles.tsx
+++ b/src/components/hero-main/styles.tsx
@@ -35,13 +35,13 @@ export const Media = styled(Box)`
 `*/
 
 export const Media = styled.div`
-  width: 100%;
-  max-width: 100%;
+  display:none;
+  max-width: 33%;
   position: absolute;
   right: 0;
   top: 0;
 
-  @media screen and (min-width: ${({ theme }) => theme.breakpoints['S']}) {
+  @media screen and (min-width: ${({ theme }) => theme.breakpoints['M']}) {
     display: block;
   }