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.


https://preview.webflow.com/preview/brio-website-recovery?utm_medium=preview_link&utm_source=designer&utm_content=brio-website-recovery&preview=3caddc35ff9875c42fb7b57db5b30c5d&workflow=preview

  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