上のsectionに文字が重なってしまう

section分けをしてコーディングしましたが、上のsectionに文字が重なってしまいました。
どうしたら重ならず下に表示されますでしょうか。

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

#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;
}