Как корректно отображать слайды swiper на мобильном?

Question

[jamster]

Привет. С новым годом.
Есть слайдер swiper. на странице https://compleader.ru/about/ в самом низу.
Проблема была в том, что ширина слайдов разная, за счёт этого ширина .swiper-slide считалась не корректно плагином, были разные отступы и высота, проблема решилась путём добавления свойства .swiper-slide {width: auto} . Но на мобильном такое решение не канает, слайды не прокручиваются до конца. (на маленьком разрешение)
Если width: auto не использовать на мобильном то слайды улетают в большие отступы.
Собственно как сделать мобильную версию подобную десктопу ?

Конфиг слайдера.

var swiper = new Swiper ('.about-slider', {
			  	// slidesPerView: 2, 
			  	spaceBetween: 30,
			  	centeredSlides: false,
				speed: 1400,
     			autoHeight: true,
				// freeMode: true,
				loop: true,
				height: 480,
				slidesPerView: 'auto',
			  	navigation: {
			    	nextEl: ".swiper-button-next",
			    	prevEl: ".swiper-button-prev"
			  	},
			  	breakpoints: {
				    999: {
				    	slidesPerView: 2
				    },
				    767: {
				    	slidesPerView: 1
					},
					523: {
				    	slidesPerView: 3
				    }
				},
			});