Why are these elements appearing behind each other/mixing

I am new in web development, I was creating a web portfolio, I created the welcome-section then I created the projects-section , but the projects-section appears behind the welcome-section, why is this happening, I tried making some elements as block but it won’t work. HELP!!

code link - https://codepen.io/Rajdeep100/pen/WNQqoGQ?editors=1100

The element with the class text-container has position absolute applied, so it sits over everything else.

:sweat_smile: It tried to adjust that, then everything turned into mess. can you edit my code.

Adding welcome-section has no height, and its childs are postion: absolute , which means the projects section has space to sit above it. give the welcome-section some height and it will work