diff --git a/wiki/pages/home.html b/wiki/pages/home.html
index 113e2120d2feb4b733bd9ad570ccfc9372f4b731..e4cadfc6b2ad9481025e0326a8e1a064fe9dd53d 100644
--- a/wiki/pages/home.html
+++ b/wiki/pages/home.html
@@ -165,7 +165,7 @@
       height: 150px;
     }
 
-
+    /* Added CSS for sine wave animation and sachet image */
     #sine-wave-container {
       position: fixed;
       right: 0;
@@ -303,7 +303,16 @@
     </div>
   </div>
 
-  <!-- 页脚 -->
+
+  <!-- Add the sine wave container and sachet image container -->
+  <div id="sine-wave-container">
+    <svg id="sine-wave-animation" xmlns="http://www.w3.org/2000/svg"></svg>
+  </div>
+  <div id="sachet-container">
+    <img src="https://static.igem.wiki/teams/5187/art/icon.png" alt="Sachet" id="sachet-image">
+  </div>
+
+
   <footer class="footer">
     <div class="footer-content">
       <div class="social-icons">
@@ -345,16 +354,6 @@
     </div>
   </footer>
 
-
-  <div id="sine-wave-container">
-    <svg id="sine-wave-animation" xmlns="http://www.w3.org/2000/svg"></svg>
-  </div>
-  <div id="sachet-container">
-    <img src="https://static.igem.wiki/teams/5187/art/icon.png" alt="Sachet" id="sachet-image">
-  </div>
-
-
-
 </body>
 
 <script>
@@ -449,5 +448,4 @@
     });
   });
 </script>
-</html>
-
+</html>
\ No newline at end of file