A post in a Facebook group let me create a layout like this.

Resource:

You need Divi.

Procedure:

  • Create a standard row with 1/2 + 1/2 module.
  • Put a text module in the left column and put content in it.
  • Open “Section Module Setting”.
  • Add a new background image.
  • Move down to Custom Padding. Make Top & Bottom padding to 0px.
  • Now open “Row Module Settings”.
  • Make This Row Fullwidth: Yes
  • Use Custom Gutter Width: Yes
  • Decrease “Gutter Width” size to 1.
  • Move down to Custom Padding. Make Top & Bottom padding to 0px.
  • Open “Text Module Settings”.
  • Open “Advanced Design Settings”.
  • Move down to “Background Color” and set color to rgba(0,0,0,0.3).
  • Move down to Custom Padding. Make Top & Bottom padding to 175px. Adjust these values to adjust the height of the section.
  • Open “Custom CSS”.
  • Put following CSS to “Main Element” area:

padding-left: 10%;
padding-right: 10%;