Unable to create a Color Section with full-width content as shown in tutorial

Hi
I’m trying to create a Color Section with full-width content (content = image).
I followed your tutorial on Color Section https://kriesi.at/documentation/enfold/color-section/#toggle-id-3:
– I created a new page and added a color section
– I assigned a unique Section-ID (“section-container-width”)
– I copied the suggested CSS from your tutorial to the Enfold-Child Quick CSS section

/* Color section container width */
#section-container-width .container {
  width: 100% !important;
  min-width: 100%;
  padding: 0;
  margin: 0;
}

– I added a background image to the color section (1020×677 px)

The result is an image sitting in the middle of the page, with empty room on both sides instead of full-width.

I created a bigger image (3373×2240 px) and uploaded it via FTP to the upload folder.

When I add this image as background image of the color section, only part of the image is visible (the image is larger than the monitor but is not automatically resized to fit the container – responsive design being activated).

To test the CSS code I changed the width to 20%, but could not see any change.

What am I missing?

Thanks for helping
Bruno

WP: 5.2.1
Enfold: 4.5.4