slider break mobile layout

my setting is like this

```
let settings = {
dots: true,
infinite: true,
speed: 500,
slidesToShow: 1,
slidesToScroll: 1,
fade: true,
autoplay: true,
autoplaySpeed: 3000,
responsive: [
{
breakpoint: 480,
settings: {
slidesToShow: 1,
slidesToScroll: 1,
},
},
],
}
```

This break mobile view at 480px. My images are quite wide though. But The slider suppose to resize the container, right?

https://youtu.be/oA0v5CPZcjY