<div class="uk-section uk-height-viewport uk-flex uk-flex-middle">
    <div class="uk-container">

        <div>
            <div class="uk-panel uk-overflow-hidden">
                <canvas class="uk-animation-kenburns uk-transform-origin-center-right test-img" width="1200" height="330"></canvas>
                <div class="uk-position-center">
                    <h2 class="uk-h3 uk-margin-remove-bottom">Ken Burns</h2>
                </div>
            </div>
        </div>
        <div class="uk-child-width-1-2@s uk-child-width-1-3@m uk-margin-large-top" uk-grid>
            <div class="uk-animation-toggle">
                <div class="uk-card uk-card-default uk-card-body uk-animation-scale-up">
                    <h3 class="uk-card-title">Default</h3>
                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
                </div>
            </div>
            <div class="uk-animation-toggle">
                <div class="uk-card uk-card-default uk-card-body uk-animation-scale-up uk-animation-fast">
                    <h3 class="uk-card-title">Fast</h3>
                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
                </div>
            </div>
            <div class="uk-animation-toggle">
                <div class="uk-card uk-card-default uk-card-body uk-animation-fade">
                    <h3 class="uk-card-title">Fade</h3>
                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
                </div>
            </div>
            <div class="uk-animation-toggle">
                <div class="uk-card uk-card-default uk-card-body uk-animation-slide-left">
                    <h3 class="uk-card-title">Translate</h3>
                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
                </div>
            </div>
            <div class="uk-animation-toggle">
                <div class="uk-card uk-card-default uk-card-body uk-animation-slide-left-small">
                    <h3 class="uk-card-title">Small Translate</h3>
                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
                </div>
            </div>
            <div class="uk-animation-toggle">
                <div class="uk-card uk-card-default uk-card-body uk-animation-slide-left-medium">
                    <h3 class="uk-card-title">Medium Translate</h3>
                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
                </div>
            </div>
        </div>

    </div>
</div>