header bar trial

src/containers/App/App.css

@@ -326,7 +326,7 @@ footer a:hover {
   background-position: center;   /* 居中对齐背景图片 */
   background-repeat: no-repeat;  /* 防止背景图片重复 */
   background-attachment: fixed;  /* 固定背景图片，使其在滚动时不移动 */
-
+  position: relative;
 }
 .custom-header-software {
   width: 100vw;
@@ -349,6 +349,13 @@ footer a:hover {
 
 }
 
+.header-bar {
+  position:absolute;
+  width: 100vw;
+  height: 100vh;
+  margin-bottom: 0px;
+}
+
 .promotion-video {
   width: 100%;
   height: 50vh; /* 设置高度为视口高度的80% */

src/contents/safety.tsx

@@ -46,13 +46,22 @@ export function Safety() {
   return (
     <>
     <div className="custom-header-safety">
-<h1 className="centered-title">
+
               <img 
-                src="https://static.igem.wiki/teams/5378/header/safety.png"
+                src="https://static.igem.wiki/teams/5378/header/header.png"
                 alt="safety header"
-                className="header-img"
+                className="header-bar"
               />
+
+<h1 className="centered-title">
+  
+  <img 
+    src="https://static.igem.wiki/teams/5378/header/safety.png"
+    alt="safety header"
+    className="header-img"
+  />
 </h1>
+
 </div>
       <div className="row  bg-rice_yellow">
         <div className="col-3">