Clear and concise description of the problem

When using breakpointsBase: 'container', the container element will be used as the size reference.

In our situation, we need the swipes per slide to change based on the size of a parent higher up the DOM tree.

Suggested solution

I suggest allowing the setting of breakpointsBase as a DOM element or a CSS selector. This would make it much more flexible. Or we can have a separate parameter like breakpointBaseContainer when breakpointsBase is container.

Alternative

No response

Additional context

No response

Validations

• Follow our Code of Conduct
• Read the docs.
• Check that there isn't already an issue that request the same feature to avoid creating a duplicate.

Would you like to open a PR for this feature?

• I'm willing to open a PR