Как исправить эффект 3D Coverflow при перетаскивании слайда на модальной начальной загрузке v4

Я пишу код для мобильной и планшетной версии.

Я использовал Swiper JQuery внутри модальной начальной загрузки V4, и у меня была ошибка.

Демонстрация моего кода: https://codepen.io/peternguyen/pen/NeEqLm

Я использовал код ниже, чтобы исправить это.

$(document).on("show.bs.modal", function (event) {
    setTimeout(function () {
        // swiper code...
    }, 300);
});

Хорошо, это работает...

Но это не работает, запустите 3D Coverflow Effect, когда я перетаскиваю слайд прокрутки. Он запускается только тогда, когда я нажал на нумерацию страниц.

Я не нашел как исправить на StackOverflow и форуме swiper. Я не знаю, как это исправить.

Пожалуйста, помогите мне.

Поблагодарить всех.