Views Slideshow: how to change items per slide based on screen resolution I have a Views Slideshow slider with 3 items per slide (see below). 

I am looking for a way to make it change the items per slide number dynamically when the screen width hits a certain breakpoint -for example 2 items per slide on tablet screen and 1 item per slide on mobile screen. 

Been trying for few days but without success.
I'm able to access the number of slides in the JSON
 var slideNumber = drupalSettings.viewsSlideshowCycle["#views_slideshow_cycle_main_publications_featured_slider-block_1"].items_per_slide;

Any ideas are welcome.
We use the Owl carousel for this.  It lets you specify four breakpoints and the number of slides to show.

There is a D8 recommendation for Flickity but it has some licensing restrictions.