https://www.spa-alpenrose.at/bundles/customelements/frontend/js/ce_slider_images_text.js?v=9cfbd5dc

1document.addEventListener("DOMContentLoaded", () => {
2    console.info('image/text slider is waiting');
3
4    const imagesTextSlider = $(".ce_slider_images_text .items-container.as-slider");
5
6    imagesTextSlider.each(function () {
7        let sliderElement = $(this),
8            infinite = sliderElement[0].dataset.sliderInfinite === 'true',
9            arrows = sliderElement[0].dataset.sliderArrows === 'true',
10            draggable = sliderElement[0].dataset.sliderDraggable === 'true',
11            swipe = sliderElement[0].dataset.sliderSwipe === 'true',
12            sliderContainer = sliderElement.parents('.ce_slider_images_text'),
13            textBox = sliderContainer.find('.slider-text-box'),
14            firstTextContainer = sliderContainer.find('.slider-text-box .text-item:first-child'),
15            textContainer = sliderContainer.find('.slider-text-box .text-item');
16
17        if($(window).width() < 765) {
18            let firstTextContainerHeight = firstTextContainer.outerHeight();
19            textBox.height(firstTextContainerHeight - 40);  // inner box transformed  40 px up
20        }
21
22        $(sliderElement).slick({
23            infinite: infinite,
24            arrows: arrows,
25            dots: false,
26            autoplay: false,
27            autoplaySpeed: 2000,
28            speed: 1000,
29            slidesToShow: 1,
30            slidesToScroll: 2,
31            draggable: draggable,
32            swipe: swipe,
33            swipeToSlide: false,
34            responsive: [],
35        })
36            .on('beforeChange', function(event, slick, currentSlide){
37                // fadeout all
38                textContainer.fadeOut(1000);
39            })
40            .on('afterChange', function(event, slick, currentSlide){
41                // fade text from current slide element
42                let box_height = sliderContainer.find('.slider-text-box .text-item:nth-child(' + ((currentSlide / 2) + 1) + ')').outerHeight();
43                if($(window).width() < 765) {
44                    textBox.height(box_height - 40);  // inner box transformed  40 px up
45                }
46                sliderContainer.find('.slider-text-box .text-item:nth-child(' + ((currentSlide / 2) + 1) + ')').fadeIn();
47            });
48    });
49});