Your heading for that section

I use for it a color-section with custom class: slanted-backgroundlet the content determine the height.
This color-section contains the columns and is set with a svg-divider ( tilt ) – bring it back and maybe flip.

Text over a backgrond-image
custom-class on column:
with-bg-overlay

Image with Caption

#top .flex_column.with-bg-overlay:before {
  content: "";
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.4);
  visibility: visible;
  z-index: -1;
  /*! -webkit-backdrop-filter: blur(2px); */
  /*! backdrop-filter: blur(2px); */
}

#top .slanted-background .avia-divider-svg-tilt.avia-divider-svg-bottom,
#top .slanted-background .avia-divider-svg-tilt.avia-divider-svg-bottom svg {
  height: 75% !important;
}
#top .slanted-background .flex_column img {
  box-shadow: 5px 5px 10px -3px #333;
}

Hallo. Ich bin ein kleiner Blindtext. Und zwar schon so lange ich denken kann. Es war nicht leicht zu verstehen, was es bedeutet, ein blinder Text zu sein: Man ergibt keinen Sinn. Wirklich keinen Sinn. Man wird zusammenhangslos eingeschoben und rumgedreht – und oftmals gar nicht erst gelesen. Aber bin ich allein deshalb ein schlechterer Text als andere? Na gut, ich werde nie in den Bestsellerlisten stehen. Aber andere Texte schaffen das auch nicht. Und darum stört es mich nicht besonders blind zu sein. Und sollten Sie diese Zeilen noch immer lesen, so habe ich als kleiner Blindtext etwas geschafft, wovon all die richtigen und wichtigen Texte meist nur träumen.