.header-container {
    position: relative;
    text-align: center;
    /* Centers the title text horizontally */
}

.header-image-container {
    width: 100%;
    overflow: hidden;
    background-color: #041028; // 设置背景色为红色
}

.header-image {
    width: 100%;
    height: auto; // 保持图片纵横比
    display: block; // 防止出现空隙
}

.header-title {
    position: absolute;
    top: 50%;
    /* Position the title halfway down the image */
    left: 50%;
    /* Center horizontally */
    transform: translate(-50%, -50%);
    /* Offset the title to truly center it */
    color: #fff;
    /* Adjust text color as needed */
    font-size: 28px;
    /* Adjust font size as needed */
    color: #B9D5E5;
    /* Additional styling for title text, such as font-family, etc. */
}