update video

src/index.css

@@ -57,7 +57,7 @@ body {
   width: 100%;
   height: 486px;
   margin-top: 160px;
-  background: url(./assets/moxing.png) no-repeat;
+  /* background: url(./assets/moxing.png) no-repeat; */
   background-position: 50% 50%;
   background-size: 170% 200%;
   position: relative;

src/pages/Home/index.jsx

@@ -49,9 +49,44 @@ export default function Home({ active }) {
                 <CenterTopData />
               </motion.div>
             </AnimatePresence>
-            <div key="v3d" className="V3DBorder" style={{ zIndex: -2 }}></div>
 
-            {fireDir && fireDir == "东火" && (
+            <div key="v3d" className="V3DBorder" style={{ zIndex: -2 }}>
+              {fireDir && fireDir == "东火" && (
+                <video
+                  src="/video/east_fire.webm"
+                  muted
+                  autoPlay
+                  loop
+                  width={4200}
+                  style={{
+                    position: "absolute",
+                    top: "-320px",
+                    left: "-850px",
+                    zIndex: -1,
+                    transform: "scale(0.9)",
+                  }}
+                ></video>
+              )}
+
+              {fireDir && fireDir == "西火" && (
+                <video
+                  src="/video/west_fire.webm"
+                  muted
+                  autoPlay
+                  loop
+                  width={4200}
+                  style={{
+                    position: "absolute",
+                    top: "-320px",
+                    left: "-850px",
+                    zIndex: -1,
+                    transform: "scale(0.9)",
+                  }}
+                ></video>
+              )}
+            </div>
+
+            {/* {fireDir && fireDir == "东火" && (
               <video
                 src="/video/fire_little_top.webm"
                 muted
@@ -81,7 +116,7 @@ export default function Home({ active }) {
                   zIndex: -1,
                 }}
               ></video>
-            )}
+            )} */}
 
             <div key="bottom-bar" className="Button">
               <BottomBar />