<div class="o-quote">
    <div class="o-quote__main" data-kal="slide-up">

        @if(!empty($quoteImage))
            <img class="o-quote__image  u-clip-path" data-id="clip-path-image-1" src="{{$quoteImage->medium_image_url}}" alt="{{ $quoteImage->name }}">
        @endif

        <blockquote class="o-quote__content">
            @if(!empty($quoteContent))
                <p class="o-quote__text">
                    {!! $quoteContent !!}
                </p>
            @endif

            @if(!empty($quoteAuthor) || !empty($quoteFunction))
                <footer class="o-quote__footer">
                    @if(!empty($quoteAuthor))
                        <p class="o-quote__author">{!! $quoteAuthor !!}</p>
                    @endif
                    @if(!empty($quoteFunction))
                        <p class="o-quote__function">{!! $quoteFunction !!}</p>
                    @endif
                </footer>
            @endif

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