<div class="slider__slide" @if($carousel->link) onclick="window.location.href = '{{ $carousel->link }}'" @endif>
    <div class="promobox promobox--type-07 promobox--is-slider position-relative d-flex flex-column align-items-center text-center overflow-hidden">
        <div class="image-animation-trigger w-100">
            <div class="w-100">
                <div class="image-animation image-animation--from-default image-animation--to-default">
                    <div class="rimage">

                        <div class="d-sm-none" style="padding-top: 200px;"></div>
                        <div class="d-none d-sm-block d-md-none" style="padding-top: 550px;"></div>
                        <div class="d-none d-md-block d-lg-none" style="padding-top: 550px;"></div>
                        <div class="d-none d-lg-block d-xl-none" style="padding-top: 550px;"></div>
                        <div class="d-none d-xl-block" style="padding-top: 550px;"></div>

                        <img 
                            src="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" 
                            class="rimage__img rimage__img--cover rimage__img--fade-in lazyload"
                            data-master="{{ $carousel->image() }}"
                            data-aspect-ratio="3.4909090909090907"
                            data-srcset="{{ $carousel->image() }} 1x, {{ $carousel->image() }} 2x"
                            alt=""
                        >
                    </div>
                </div>
            </div>

            <div class="promobox__content promobox__content--animation-scale-in absolute-stretch hide-on-mobile d-flex flex-column flex-center px-15 py-7 overflow-hidden">
                <div class="promobox__content_inner position-absolute d-flex flex-column flex-center w-100" style="max-width: 650px;margin-top: -10px;">
                    
                    <div class="promo-text mx-auto">
                        <p class="h1 mb-15 colorize-theme2-c" style="color: {{ $carousel->textColor()  }};">{{ $carousel->title }}</p>
                        <p class="mb-25 h4 colorize-theme2-c" style="color: {{ $carousel->textColor()  }};">{{ $carousel->description }}</p>
                        @if($carousel->link)
                            {{-- <a href="{{ $carousel->link }}" class="promobox__btn btn px-20 mt-25 pointer-events-all btn--secondary">{{ __('DISCOVER MORE') }}</a> --}}
                        @endif
                    </div>
                </div>
            </div>

        </div>
    </div>
</div>
