Width classes being overridden by default classes

A simple way to recreate this:

1. Create a new paragraph type "Wrapper" and add a new paragraph field to it.
2. Allow that paragraph field to reference Columns (equal).
3. Create a content type, add a new paragraph field which can reference "Wrapper" paragraph types.
4. Create a new node and add a wrapper paragraph. Then add a Columns (equal) inside that and a Simple paragraph inside that.
5. Set either/both Columns / Simple to Medium/Narrow, whatever. Save.

The widths will be lost on all nested paragraphs.

The CSS assumes that the floats, margin-left and width should only apply to a column that's a direct child of .paragraph--type--bp-columns__* .paragraph--width-*, which makes some sense.

In my case, my workaround was to copy the columns css and add the wrapper class to the beginning so they float again if inside the wrapper. I haven't fully tested if it breaks any nested. I'm sure there's a better way to do this.

The css styles were updated to make the width settings work properly. There is a PR https://git.drupalcode.org/project/bootstrap_paragraphs/-/merge_requests/23

Tested and confirmed working