Does the slider disappear when you increase the screen width?

Question

JavaScript

There are 8 blocks 4 on the top and 4 on the bottom.

When the screen width is less than 990 pixels, the slider starts working and changes blocks by 2, I need the slider to change blocks one at a time if the width is less than 768 pixels.

But when adding a responsiveness block, everything works , except that if you decrease the block and increase it without reloading the page, then all the content disappears.

responsive: [{
                breakpoint: 568,
                settings: {
                    slidesToShow: 1
                }
            }]

If you remove this part of the code, then everything works, but I need only one block to be shown with a width of less than 768 pixels, please help me.

Link to codepen