I wouldn't necessarily recommend deleting the carousel. The problem is that your inline CSS did not define the size of the carousel. When the page first loads, it is rendered at 0px high, and then later pops into place, causing all of the content to jump.
The easiest way to think about this rule is this: Find all of the HTML elements (<div>, <img>, <form>, <input>, <span>, <table>, <iframe> etc) that are visible above the fold when your page is fully loaded. Make sure that your inlined CSS specifies the necessary information to figure out the size of those elements. This might include widths, heights, font sizes, font weights, floats, displays, etc. This includes content as well - if you have a <p> tag that starts empty and then gets filled in via AJAX, that causes a problem because it will cause the size of the <p> tag to change.