diff --git a/src/assets/videos/fire-to-bottom.mp4 b/src/assets/videos/fire-to-bottom.mp4
new file mode 100644
index 0000000..51e80ce
Binary files /dev/null and b/src/assets/videos/fire-to-bottom.mp4 differ
diff --git a/src/assets/videos/fire-to-top.mp4 b/src/assets/videos/fire-to-top.mp4
new file mode 100644
index 0000000..7808bfd
Binary files /dev/null and b/src/assets/videos/fire-to-top.mp4 differ
diff --git a/src/components/layout/Main.vue b/src/components/layout/Main.vue
index e9b8140..1bad760 100644
--- a/src/components/layout/Main.vue
+++ b/src/components/layout/Main.vue
@@ -1,40 +1,90 @@
 <template>
-  <main class="">
-    <div class="eq-main absolute"></div>
+	<main class="">
+		<div class="eq-main absolute">
+			<!-- style="
+					position: absolute;
+					top: 224px;
+					left: 59px;
+					transform: scale(1, 1.05);
+					width: 360px;
+					height: 100px;
+				" -->
+			<div
+				class="video-bottom"
+				style="
+					position: absolute;
+					bottom: 151px;
+					left: 65px;
+					transform: scale(1.02, 1.05);
+				"
+			>
+				<video
+					id="1"
+					preload="auto"
+					height="100"
+					autoplay
+					loop
+					disablepictureinpicture
+					src="../../assets/videos/fire-to-top.mp4"
+				></video>
+			</div>
 
-    <AreaOne style="position: absolute; top: 160px; left: 1588px" />
+			<div
+				class="video-bottom"
+				style="
+					position: absolute;
+					top: 131px;
+					left: 72px;
+					transform: scale(1.02, 1.05);
+				"
+			>
+				<video
+					id="2"
+					class="video-top"
+					preload="auto"
+					height="100"
+					autoplay
+					loop
+					disablepictureinpicture
+					src="../../assets/videos/fire-to-bottom.mp4"
+				></video>
+			</div>
+			<!-- style="position: absolute; top: 0; left: 0; transform: scale(1, 1.05) width: 360px; height: 100px;" -->
+		</div>
 
-    <div class="absolute left kiln-runtime">
-      <KilnRuntime />
-    </div>
-    <div class="absolute left kiln-pressure">
-      <KilnPressure />
-    </div>
-    <div class="absolute left fan-runtime">
-      <FanRuntime />
-    </div>
-    <div class="absolute left oil-flow">
-      <OilFlow />
-    </div>
-    <div class="absolute left gas-flow">
-      <GasFlow />
-    </div>
-    <div class="absolute left top-temp">
-      <TopTemp />
-    </div>
-    <div class="absolute left bottom-temp">
-      <BottomTemp />
-    </div>
-    <div class="absolute left ou-temp">
-      <XicaoTemp />
-    </div>
-    <div class="absolute in-water">
-      <InWater />
-    </div>
-    <div class="absolute out-water">
-      <OutWater />
-    </div>
-  </main>
+		<AreaOne style="position: absolute; top: 160px; left: 1588px" />
+
+		<div class="absolute left kiln-runtime">
+			<KilnRuntime />
+		</div>
+		<div class="absolute left kiln-pressure">
+			<KilnPressure />
+		</div>
+		<div class="absolute left fan-runtime">
+			<FanRuntime />
+		</div>
+		<div class="absolute left oil-flow">
+			<OilFlow />
+		</div>
+		<div class="absolute left gas-flow">
+			<GasFlow />
+		</div>
+		<div class="absolute left top-temp">
+			<TopTemp />
+		</div>
+		<div class="absolute left bottom-temp">
+			<BottomTemp />
+		</div>
+		<div class="absolute left ou-temp">
+			<XicaoTemp />
+		</div>
+		<div class="absolute in-water">
+			<InWater />
+		</div>
+		<div class="absolute out-water">
+			<OutWater />
+		</div>
+	</main>
 </template>
 
 <script>
@@ -52,24 +102,24 @@ import AreaOne from "../isolate-area-1/Area.vue";
 // import Container from './Container.vue'
 
 export default {
-  name: "Main",
-  components: {
-    AreaOne,
-    KilnRuntime,
-    KilnPressure,
-    FanRuntime,
-    OilFlow,
-    GasFlow,
-    TopTemp,
-    BottomTemp,
-    XicaoTemp,
-    InWater,
-    OutWater,
-  },
-  props: {},
-  data() {
-    return {};
-  },
+	name: "Main",
+	components: {
+		AreaOne,
+		KilnRuntime,
+		KilnPressure,
+		FanRuntime,
+		OilFlow,
+		GasFlow,
+		TopTemp,
+		BottomTemp,
+		XicaoTemp,
+		InWater,
+		OutWater,
+	},
+	props: {},
+	data() {
+		return {};
+	},
 };
 </script>
 
@@ -77,23 +127,23 @@ export default {
 @import "../../assets/styles/functions";
 
 main {
-  height: 1px;
-  flex: 1;
-  // background: #eee2;
+	height: 1px;
+	flex: 1;
+	// background: #eee2;
 }
 
 .eq-main {
-  width: w(7150px);
-  height: h(960px);
-  background: url(../../assets/eq.png) no-repeat;
-  background-size: 100%;
-  top: 170px;
-  left: 380px;
-  position: relative;
+	width: w(7150px);
+	height: h(960px);
+	background: url(../../assets/eq.png) no-repeat;
+	background-size: 100%;
+	top: 170px;
+	left: 380px;
+	position: relative;
 }
 
 .eq-main::after {
-	content: '';
+	content: "";
 	position: absolute;
 	right: 1000px;
 	top: 164px;
@@ -104,52 +154,52 @@ main {
 }
 
 .kiln-runtime {
-  top: h(200px);
-  left: w(60px);
+	top: h(200px);
+	left: w(60px);
 }
 
 .kiln-pressure {
-  top: h(610px);
-  left: w(60px);
+	top: h(610px);
+	left: w(60px);
 }
 
 .fan-runtime {
-  top: h(1020px);
-  left: w(60px);
+	top: h(1020px);
+	left: w(60px);
 }
 
 .oil-flow {
-  top: h(1588px);
-  left: w(60px);
+	top: h(1588px);
+	left: w(60px);
 }
 
 .gas-flow {
-  top: h(1588px);
-  left: w(1660px);
+	top: h(1588px);
+	left: w(1660px);
 }
 .top-temp {
-  top: h(1588px);
-  left: w(3260px);
+	top: h(1588px);
+	left: w(3260px);
 }
 .bottom-temp {
-  top: h(1588px);
-  left: w(4860px);
+	top: h(1588px);
+	left: w(4860px);
 }
 .ou-temp {
-  top: h(1588px);
-  left: w(6460px);
+	top: h(1588px);
+	left: w(6460px);
 }
 .in-water {
-  top: h(200px);
-  left: w(8096px);
-  //   left: w(5096px);
-  z-index: 100;
+	top: h(200px);
+	left: w(8096px);
+	//   left: w(5096px);
+	z-index: 100;
 }
 
 .out-water {
-  top: h(1177px);
-  left: w(8096px);
-  //   left: w(5096px);
-  z-index: 100;
+	top: h(1177px);
+	left: w(8096px);
+	//   left: w(5096px);
+	z-index: 100;
 }
 </style>