Div block not growing in line with the image inside it

Good day,

The next section is sitting inside of the image that seems to be overflowing from its div block. How do I get the hero image div block to be as big as the image inside it?

Below is read-only link to my site.

And here is the figma shot of what it’s supposed to look like:

How do I get the “Demo Coming Soon” section to sit below the hero image?

Here is my site Read-Only: LINK
(how to share your site Read-Only link)