Background Images

Anything I put a background image in (container, section) I cant remove the grey box in front to reveal the background image. What am I missing here?

As you can see the image is there in the container but nothing I do seems to remove the grey box in the foreground.

A couple of thoughts…

Does it look that way when you view in browser?

You might need to add some content to the container.

Also, maybe if you add some CSS or styling in the design panel to set some specific width/height to the container for the image to fill.

The "grey box" is only displayed in design view for the empty elements like section, container, row, column etc.
Once you put content inside the container, it will disappear in design view.

Also, your container currently has a height of 0px as there is no content inside it, so probably you don't see the background image in your browser.