Currently, when using components inside CMS collections, variant selection is globally applied across all breakpoints. This means that if a variant is changed (e.g., Web or Mobile), it affects every breakpoint and cannot be overridden individually.

In standard (non-CMS) components, variants can be manually adjusted per breakpoint. However, this behavior is not supported when the component is connected to CMS content.

Issue:

There is no way to manually assign different variants for different breakpoints within a CMS instance.

Expected behavior:

Allow manual variant overrides per breakpoint for CMS-bound components. For example:

Desktop breakpoint → Web variant

Mobile breakpoint → Mobile variant

Each breakpoint should allow independent variant selection, just like regular components.

Why this matters:

This limitation forces designers to:

Duplicate components or collections

Break component reusability

Compromise responsive design patterns

Providing per-breakpoint control would make CMS-driven components consistent with standard component behavior and significantly improve flexibility.

Use case:

A "Metrics Card" component:

Web variant → horizontal layout

Mobile variant → stacked layout

Currently, it's impossible to assign these manually per breakpoint when the component is inside a CMS.