Мигающая проблема со слайдером Splidejs ⇐ CSS

[Гость]

Я использую SplideJS на сайте для создания слайдера

Это сайт: https://cjaddbdev.wpengine.com/

Это код JS:

document.addEventListener('DOMContentLoaded', function () { if (document.getElementById('splide-legend')) { новый Splide( '#splide-legend', { тип: «петля», на страницу: 1, автовоспроизведение: правда, интервал: 10000, }).устанавливать(); } }); Это HTML-код:

• Мы заботимся о вас и предоставляем вам те деньги, которые вы заслуживаете Мы даже выиграли для наших клиентов в 50 раз больше первоначального предложения страховой компании. Это разница Дадли ДеБозье. Получить бесплатную консультацию
• 
  
  Пострадавшие мотоциклисты могут рассчитывать на Дадли ДеБозье Пол Теутул-старший из American Chopper говорит, что именно в нашу фирму следует позвонить после аварии на мотоцикле в Луизиане. Узнайте, как мы можем вам помочь! Подробнее об авариях на мотоциклах
• 
  
  Помощь жертвам автокатастроф в Луизиане Цель Дадли ДеБозье — бороться за компенсацию, на которую полагается жертвам автокатастрофы по закону! Если вы пострадали из-за неосторожного водителя, обратитесь к нам. Подробнее об автокатастрофах

.мы-заботимся-о-вас-и-получим-вам-деньги-вы-заслуживаете { фон: url(/wp-content/uploads/2021/06/desktop-slider-homepage-1-update.png); фоновый повтор: без повтора !важно; размер фона: обложка !важно; фоновая позиция: центр по центру !important; } Только экран @media и (минимальная ширина: 768 пикселей) и (максимальная ширина: 1200 пикселей) { .мы-заботимся-о-вас-и-получим-вам-деньги-вы-заслуживаете { фон: URL(/wp-content/uploads/2021/06/MicrosoftTeams-image-13.png); фоновый повтор: без повтора !важно; размер фона: обложка !важно; фоновая позиция: 50% 50% !important; } } @media только экран и (максимальная ширина: 768 пикселей) { .мы-заботимся-о-вас-и-получим-вам-деньги-вы-заслуживаете { фон: URL(/wp-content/uploads/2021/06/MicrosoftTeams-image-2.png) !important; фоновый повтор: без повтора !важно; размер фона: обложка !важно; фоновая позиция: центр по центру !important; } } .injured-мотоциклисты-могут-рассчитывать-на-Дадли-дебозье { фон: URL(/wp-content/uploads/2021/06/MicrosoftTeams-image-11.png); фоновый повтор: без повтора !важно; размер фона: обложка !важно; фоновая позиция: центр по центру !important; } Только экран @media и (минимальная ширина: 768 пикселей) и (максимальная ширина: 1200 пикселей) { .injured-мотоциклисты-могут-рассчитывать-на-Дадли-дебозье { фон: URL(/wp-content/uploads/2021/04/MicrosoftTeams-image-11.png); фоновый повтор: без повтора !важно; размер фона: обложка !важно; фоновая позиция: 50% 50% !important; } } @media только экран и (максимальная ширина: 768 пикселей) { .injured-мотоциклисты-могут-рассчитывать-на-Дадли-дебозье { фон: URL(/wp-content/uploads/2021/06/MicrosoftTeams-image-4.png) !important; фоновый повтор: без повтора !важно; размер фона: обложка !важно; фоновая позиция: центр по центру !important; } } .helping-louisiana-auto-accident-victims { фон: url(/wp-content/uploads/2020/07/Auto-Acccident-Banner-copy.jpg); фоновый повтор: без повтора !важно; размер фона: обложка !важно; фоновая позиция: центр по центру !important; } Только экран @media и (минимальная ширина: 768 пикселей) и (максимальная ширина: 1200 пикселей) { .helping-louisiana-auto-accident-victims { фон: url(/wp-content/uploads/2020/07/Auto-Acccident-Banner-copy.jpg); фоновый повтор: без повтора !важно; размер фона: обложка !важно; фоновая позиция: 50% 50% !important; } } @media только экран и (максимальная ширина: 768 пикселей) { .helping-louisiana-auto-accident-victims { фон: url(/wp-content/uploads/2020/07/Auto-Acccident-Banner-Mobile-copy.jpg) !important; фоновый повтор: без повтора !важно; размер фона: обложка !важно; фоновая позиция: центр по центру !important; } } Вам придется дождаться последнего слайда, чтобы увидеть, в чем проблема.

Проблема в том, что по завершении цикла я вижу странное мигание и упираюсь в стену, не знаю, как это исправить, буду благодарен за любую помощь