diff --git a/public/images/GasStation/gas-station.png b/public/images/GasStation/gas-station.png
index 9831c6343..f02e02ce2 100644
Binary files a/public/images/GasStation/gas-station.png and b/public/images/GasStation/gas-station.png differ
diff --git a/public/videos/GasStation/gas-station.mp4 b/public/videos/GasStation/gas-station.mp4
index 52af881b0..ed8688dc9 100644
Binary files a/public/videos/GasStation/gas-station.mp4 and b/public/videos/GasStation/gas-station.mp4 differ
diff --git a/public/videos/GasStation/gas-station.webm b/public/videos/GasStation/gas-station.webm
new file mode 100644
index 000000000..902610a41
Binary files /dev/null and b/public/videos/GasStation/gas-station.webm differ
diff --git a/src/components/GasStation/Hero/index.tsx b/src/components/GasStation/Hero/index.tsx
index 5783806ee..768158265 100644
--- a/src/components/GasStation/Hero/index.tsx
+++ b/src/components/GasStation/Hero/index.tsx
@@ -6,7 +6,8 @@ import { Button, Typography } from '@mui/material'
 const Hero = ({ title, text, link }: BaseBlock) => {
   return (
     <div className={css.videoWrapper}>
-      <video autoPlay muted playsInline loop className={css.video}>
+      <video autoPlay muted playsInline loop poster="/images/GasStation/gas-station.png" className={css.video}>
+        <source src="/videos/GasStation/gas-station.webm" type="video/webm" />
         <source src="/videos/GasStation/gas-station.mp4" type="video/mp4" />
         <img src="/images/GasStation/gas-station.png" alt="Safe Gas Station" />
       </video>