[Sergey-web92]

Здравствуйте. Помогите пожалуйста разобраться.
Мне нужно чтобы при автоматическом обновлении слайдов, каждый раз плавно на них появлялся текст. пример: https://theme.bonpresta.com/en/
В работе использую библиотеку Slick-carousel jQuery(для создания слайдов) и библиотеку Animate.css(для анимации плавного появления текста).

<section class="page-main__slider-area slider-area">
            <div class="slider-area__slider-img">
                <div class="containers"><img src="./src/img/sample-1.jpg" alt="1">
                    <div class="containers__s">
                        <h1 class="animate__animated animate__fadeInRight animate__delay-1s animate__infinite infinite">An animated element</h1>
                    </div>
                </div>
                <div><img src="./src/img/sample-2.jpg" alt="1"></div>
                <div><img src="./src/img/sample-2.jpg" alt="1"></div>
            </div>
        </section>

мой js (jQuery):

$(document).ready(function () {
    $('.slider-area__slider-img').slick({
        dots: true,
        arrows: false,
        autoplay: true,
        autoplaySpeed: 1500,
        fade: true,
        fadeSpeed: 1000
    })
});