Making the number of items per page using Pagination responsive

Is there a way to decide how many items show for pagination on different breakpoints? I figured out how to make the number of columns responsive, but I am unable to fix the number of items shown when I use pagination now.

For Reference, I am building a Team Members page as well as a News Article Carousel and wanted to make a carousel for both with CMS content.

Here is my public share link: LINK
(how to access public share link)