Breakpoint for Mobile?

Hello,
I have a color section with two 1/2 + 1/2 columns. On the right column I have an easy slider.
At smaller screen sizes, (iPad) the slider shrinks and there is empty space beneath it:

And at very small screen sizes (mobile) a breakpoint causes the slider to display below the preceding content.

Is there a way to have it “break”/display below the preceding content at iPad width?
How do I change the breakpoint width to do this?

Any other suggestions for how to lay this out in enfold?
(Already tried doing it with gridrow but had similar problems with blank space appearing around my slider)
It looks nice on a desktop with a big browser window but not looking so great at smaller sizes.

A quick reply would be hugely appreciated as I’m on a deadline for this client. Thanks so much!