Carousel Scaling Across Breakpoints

Hello Webflow Forums,

On my home page I made a carousel using the background images for the image.
I like the way it looks, and functions on the default browser size, however, whenever it scales down to tablet, and horizontal/vertical phone size. The slider is too wide, and allows me to scroll past what I would like the boundaries of the site to be.

I was hoping for some guidance on this.

  1. place your slider inside of a regular div that 100% width, rather than inside of a container (or don’t use a wrapper of any kind on the slider, if it’s not needed)
  2. change the width of your slider to 100%
  3. remove the negative margins on your slider