Как сделать ширину картинки в swiper.js?

Есть слайдер, в десктопной версии:

В мобильной версии это чудо приобретает ужасный вид:

<div class="slider">
        <!-- Swiper -->
        <div class="swiper-container">
            <div class="swiper-wrapper">
                <div class="swiper-slide"><img src="../img/news/div-img.png"> </div>
                <div class="swiper-slide"><img src="../img/news/div-img.png"> </div>
                <div class="swiper-slide"><img src="../img/news/div-img.png"> </div>

            </div>

        </div>
    </div>

<script>
    var swiper = new Swiper('.swiper-container', {
        loop: true,
        slidesPerView: 1,
        spaceBetween: 30,
        freeMode: true,
        breakpoints: {
            420: {
                
            }
        }

    });
</script>

В документации нашёл брейкпоинты, но не нашёл как изменять ширину картинок.
Подскажите как это сделать.

P.S. width не меняет ничего