refactor EthVideo.tsx component

Author: MahendraBishnoi29

src/components/EthVideo.tsx

@@ -1,6 +1,6 @@
 import React from "react"
 import { useTheme } from "@emotion/react"
-import { AspectRatio } from "@chakra-ui/react"
+import { Box } from "@chakra-ui/react"
 
 import darkVideo from "../assets/ethereum-hero-dark.mp4"
 import lightVideo from "../assets/ethereum-hero-light.mp4"
@@ -18,7 +18,7 @@ const EthVideo: React.FC<IProps> = ({ className, videoSrc }) => {
   const src = videoSrc ? videoSrc : isDarkTheme ? darkVideo : lightVideo
 
   return (
-    <AspectRatio ratio={1 / 1} className={className}>
+    <Box className={className}>
       <video
         id="hero-video"
         width="100%"
@@ -29,7 +29,7 @@ const EthVideo: React.FC<IProps> = ({ className, videoSrc }) => {
         loop
         muted
       />
-    </AspectRatio>
+    </Box>
   )
 }