上のsection二文字が被ってしまう

画像を載せておきましたが、section分けをしても何故か上のsectionに重なってしまいます。どうしたら下に表示できるようになりますか。

<section id="human3"> <h1>KKKKKK</h1> </section>

css~

#human2 .human2-img2 {
width: 100%;
height: auto;
}

#human2 .human-img3 {
width: 75%;
margin: 0 auto;
height: auto;
}

#human2 .human-list {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

#human2 .human-list li {
width: 50%;
}
#human2 .human-list li img{
vertical-align: bottom;
height: auto;
}

#human2 .human2-img0 {
position: relative;
height: auto;
}

#human2 .human2-img2 {
position: absolute;
height: auto;
}

#human2 .human-img3 {
position: absolute;
transform: translate(-50%,80%);
margin: 0 auto;
top: 80%;
left: 50%;
margin-bottom: 100px;
height: auto;
}