Front page
Please look at the page above and notice the huge empty columns on either side the page . How can I remove them ?
Problem in detail :
I am using elementor’s “Hello” theme . While creating a page using elementor, I select “Elementor canvas” as page layout . Then under structure, I select the structure shown in the image below ( the one that is darker than the other available options)

I, then, add a section on this page and set, “Content width” to “Full width” and Stretch section to “Yes” as shown in the image below :

Then, I add the html widget inside this section and type html code inside it . The html code that I have typed can be seen here :
https://docs.google.com/document/d/1NjVakoFPleuHuKcQvFB1GeEoZ5crlY496fWeKc9YeMs/edit?usp=sharing
This html code when run elsewhere, results in a full width html page. But this same html code is resulting in blank columns. What can be done to rectify this ?