Changing Carousel viewport % based on device/responsiveness

Items in my carousel look good and square-ish on a phone, but when viewed on a wider device like tablet, they are extremely wide and look odd.

I'd like the behavior to be to show more items in the carousel on wider devices, which means responsively changing the Viewport Fraction as the device-width increases.

Since there's no conditional control on the viewport, what's the best way to keep carousel items looking good as device widths increase?

4
2 replies