Work on videos

src/components/sections/about/hero/index.tsx

@@ -20,7 +20,8 @@ const Hero = () => {
           playsInline={true}
           preload="true"
         >
-          <source src="/videos/Banner_About.webm" type="video/webm" />
+          <source src="/videos/banner-about.webm" type="video/webm" />
+          <source src="/videos/banner-about.mp4" type="video/mp4" />
         </video>
       </div>
       <img

src/components/sections/community/hero/index.tsx

@@ -18,7 +18,8 @@ const Hero = () => {
           playsInline={true}
           preload="true"
         >
-          <source src="/videos/Banner_Community.webm" type="video/webm" />
+          <source src="/videos/banner-community.webm" type="video/webm" />
+          <source src="/videos/banner-community.mp4" type="video/mp4" />
         </video>
       </div>
       <img

src/components/sections/products/hero/index.tsx

@@ -27,7 +27,8 @@ const Hero = () => {
         playsInline={true}
         preload="true"
       >
-        <source src="/videos/Banner_Products.webm" type="video/webm" />
+        <source src="/videos/banner-products.webm" type="video/webm" />
+        <source src="/videos/banner-products.mp4" type="video/mp4" />
       </video>
       <img
         className={s.hero__mobile}