.bg-container {
    position: relative; /* 设置为相对定位，以便内部元素可以绝对定位 */
    width: 100%; /* 或者你希望的任何宽度 */
    height: auto; /* 或者你希望的任何高度，但通常图片的高度会自动调整 */
    overflow: hidden; /* 如果图片有溢出部分，可以选择隐藏 */
}

.overlay-text {
    position: absolute; /* 设置为绝对定位 */
    top: 50%; /* 垂直方向上的偏移量 */
    left: 50%; /* 水平方向上的偏移量 */
    transform: translate(-50%, -50%); /* 使用transform来居中文字 */
    color: black; /* 文字颜色，根据背景图片选择适当的颜色 */
    text-align: center; /* 文字居中对齐 */
    /* 你可以根据需要添加其他样式，比如字体大小、字体家族等 */
}

.overlay-text p {
    margin: 0; /* 去除段落默认的上下边距 */
}

.bgm{
    display: block; 
    margin: 0 auto; 
    width: auto; 
}