I think if you look at “Top”, you have “858px”. You’ll want to reduce that to something like 140px.
Also, noticed there’s a lot of declarations like that in the layout. Not that there’s anything inherently wrong with that, but it makes it harder to manage changes and responsiveness in the future. Ideally, I think you’d want the HTML to just fall into place and stack up like lego blocks.
Recently I’ve changed from using the pre-built blocks (like sections, containers, columns) since I prefer more control and flexibility. I put together a quick sample which sets a class of divs into rows and columns.
Now you can place as many rows of content you’d like (same for any number of nested columns) just copy/paste or add another div with the row/column class. You can switch up padding/margin and styles if you’d like by adding a combo class. By doing this, all your content blocks should fall into place and you shouldn’t have to set any exact positioning.
Anyways, hope that helps out! Good luck!