为什么图片会被覆盖

/*all tage*/
*{
    margin: 0;
    padding: 0;
    border:none;
    font-size: 1.5625vw;
    font-family: 'Microsoft Yahei';
}
html,body{
    height: 100%;
}
 /*music*/
#music{
    position: fixed;
    top: 3vh;
    right: 4vw;
    z-index: 5;
    width: 15vw;
    height: 15vw;
    border: solid 4px #ef1639;
    border-radius: 50%;
    background-color: #fff;
}
#music > img:first-of-type{
    position: absolute;
    top: 24%;
    z-index: 5;
    right: 2.5%;
    width: 28.421%;

}
#music > img:last-of-type{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 79%;

}
/*page bg*/
.page > .bg{
    position: absolute;
    z-index: -1;
    height: 100%;
    width: 100%;
    

}
/*page1*/
#page1 > .bg{
    background: url("../imgs/p1_bg.jpg") no-repeat center center;
    background-size: 100%;

}
/*#page1 > .p1_lantern{
    position: absolute;
    top:-3.4%;
    right: 0;
    left: 0;
    margin: auto;
    background: url("../imgs/p1_lantern.png") no-repeat center bottom;
    width: 45vw;
    height: 71.2vh;
    font-size: 3.506rem
} */
/*page2*/
#page2 > .bg{
    
    background: url("../imgs/p2_bg.jpg") no-repeat center center;
    background-size: 100%;


}

/*page3*/
#page3 > .bg{
    
    background: url("../imgs/p3_bg.jpg") no-repeat center center;
    background-size: 100%;

}