Slides are overlaping by DOM - Chakra-ui + React-slick

here's my code example and a video that shows that second slide overlaps the first one (ps: when you pass the cursor where second button its behave as if second button were in screen and it happens because its overlaps the DOM)

[Code](https://codesandbox.io/s/react-slick-problem-sd44tt?file=/banner.js)

[React Slick Problem - CodeSandbox.webm](https://github.com/akiran/react-slick/assets/78266129/5885fd94-cb4c-472d-a280-a70a0c9f8bb8)