How to change Delay in swiper in swiper.js?

HTML

<link rel="stylesheet" href="https://unpkg.com/swiper/swiper-bundle.min.css" />
 <div id="swiper" class="swiper-container mySwiper">
    <div class="swiper-wrapper">
       <div class="swiper-slide">
            <img src="static\images\arlens.gif" alt="ar">
            <span class="subtitle">
                Hi, Reader Thanks for reading
            </span>
        </div>
         <div class="swiper-slide">
            <img src="static\images\arlens.gif" alt="ar">
            <span class="subtitle">
                Hi, Reader Thanks for reading
            </span>
        </div>
         <div class="swiper-slide">
            <img src="static\images\arlens.gif" alt="ar">
            <span class="subtitle">
                Hi, Reader Thanks for reading
            </span>
        </div>
    </div>
    <div class="swiper-button-next" id="swiper-button-next"></div>
    <div class="swiper-button-prev" id="swiper-button-prev"></div>
</div>
<div class="speed_btns" id="speed_btns">
    <button onclick="change_speed(7500)">1x</button>
    <button onclick="change_speed(5500)">2x</button>
    <button onclick="change_speed(2500)">3x</button>
</div>

    <script src="static\js\jquery.js"></script>
    <script src="static\js\jquery.backstretch.min.js"></script>
    <script src="static\js\jquery.visible.js"></script>
    <script src="https://unpkg.com/swiper/swiper-bundle.min.js"></script>

CSS

.swiper-container {
        width: 100%;
        height: 100vh;
    }

    .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: black;

        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;

        display: flex;
        justify-content: center;
        align-items: center;
    }

    .swiper-slide .subtitle {
        position: absolute;
        bottom: 33px;
        color: white;
        font-size: 29px;
        text-shadow: 0 0 3px mediumpurple;

    }

    .swiper-slide img {
        display: block;
        height: 100vh;
        object-fit: cover;
    }

JavaScript

let speed = 2500
var swiper2 = new Swiper(".mySwiper", {
        centeredSlides: true,
        autoplay: {
            delay: speed,
            disableOnInteraction: false,
        },
        navigation: {
            nextEl: ".swiper-button-next",
            prevEl: ".swiper-button-prev",
        },

    });
   
  function change_speed(speed){
          // WANT TO CHANGE 'delay' OF 'swiper2' TO 'speed'
  }