[FEAT] Responsive options for different viewports

[wilbertcaba]

Is your feature request related to a problem? Please describe.
For an specific project I am working on, setting the gutterPixels to 30px seems reasonable for desktop viewports, but on mobile is way too much padding.

Describe the solution you'd like
I wish I could do something like:

const filterOptions = {
    gutterPixels: 30,
    responsive: [
    {
      breakpoint: 991,
      settings: {
        gutterPixels: 20,
        // other options
      }
    },
    {
      breakpoint: 767,
      settings: {
        gutterPixels: 10,
        // other options
      }
    },
}

Describe alternatives you've considered
JS conditional statements would work.

[giotiskl]

@wilbertcaba there is no need for this to be implemented as a separate feature as you could achieve this with Filterizr now just fine.

Simply register an onResize event on the window object and when the width of the window hits your desired breakpoints call the filterizr.setOptions method to set your desired gutter for the new window width.