Extending module for style option: Type - Section wrapper

Problem/Motivation

Client wanted add overlay feature for background image.
But background image added to section is located in tree on top wrapper level.

For example for bootstrap layout builder it is template: blb-container-wrapper.html.twig

Steps to reproduce

Proposed resolution

Current solution for adding such feature is only possible not using this module and add custom class to wrapper in layout builder.

But it would be much more nicer if client could just check checkbox: 'Add overlay'
And that style will add class to wrapper div. Same div where appear background image added via layout builder.
And this is not currently possible because 'Layout builder styles' module support only adding styles to:
- Block
- Section

My proposal is add another option to add styles to 'Section wrapper'.
True is that in my example of adding overlay background class is only one class added and not more.
But true power and advantage of this module is that it allow creating custom style groups and checkboxes. So it looks like much cleaner solution than letting client typing class name. Checking checkbox is simple.

Example of overlay current implementation

1.]
blb-container-wrapper.html.twig

{% set container_classes = attributes.class|split(' ') %}

.is-p-overlay { position: relative; } .p-overlay { background: rgb(0 194 33 / 80%); position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 10; } .inner-content { position: relative; z-index: 11; }

2.] Layout builder:
a] Configure section
b] Container wrapper classes: is-p-overlay

And if this feature request is fullfiled than i could replace 2.] with adding:
Layout builder styles: /admin/config/content/layout_builder_style/add
Label: Add overlay
Css classes: is-p-overlay

Type:
- newly coded: Section wrapper

Group: Style

And than just click checkbox: 'Add overlay' whenever section with background need overlay or not.

I believe that this feature may have much more usecases than my example with overlay.