모바일 배너 swiper 속도가 조절이 안돼요 ㅠㅠ

<!--메인이미지-->
<div class="main_bn_box swiper-container">
    <ul class="main_bn_ul swiper-wrapper">
        <li class="swiper-slide">
            <div class="bn_img"><a href="#none">
                <img src="<?php echo G5_THEME_IMG_URL ?>/main_banner1.png" alt="메인베너" />
            </div>
        </li>
        <li class="swiper-slide">
            <div class="bn_img"><a href="#none">
                <img src="<?php echo G5_THEME_IMG_URL ?>/main_banner2.png" alt="메인베너" />
            </div>
        </li>
        <li class="swiper-slide">
            <div class="bn_img"><a href="#none">
                <img src="<?php echo G5_THEME_IMG_URL ?>/main_banner3.png" alt="메인베너" />
            </div>
        </li>
    </ul>  
    <!-- Add Pagination -->
    <div class="swiper-pagination"></div>
</div>

<script>
var swiper = new Swiper('.swiper-container', {
    spaceBetween: 10, //위 slidesPerview 여백
    pagination: '.swiper-pagination',
    paginationClickable: true,
    loop : true,// 슬라이드 반복 여부
    autoplay: {
        delay: 2500,
        disableOnInteraction: false,
    },
    });
</script>
<!--} 메인배너 끝-->