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

        <div class="uk-child-width-1-3@m" uk-grid>
            <div>
                <h2 class="uk-h5 uk-heading-divider">Default</h2>
                <div class="uk-inline">
                    <canvas width="800" height="600" class="test-img"></canvas>
                    <div class="uk-overlay uk-overlay-default uk-position-bottom">
                        <p>Default Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
                    </div>
                </div>
            </div>
            <div>
                <h2 class="uk-h5 uk-heading-divider">Primary</h2>
                <div class="uk-inline">
                    <canvas width="800" height="600" class="test-img"></canvas>
                    <div class="uk-overlay uk-overlay-primary uk-position-bottom">
                        <p>Primary Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
                    </div>
                </div>
            </div>
            <div>
                <h2 class="uk-h5 uk-heading-divider">Icon</h2>
                <div class="uk-inline">
                    <canvas width="800" height="600" class="test-img"></canvas>
                    <div class="uk-position-center">
                        <span uk-overlay-icon></span>
                    </div>
                </div>
            </div>
        </div>

    </div>
</div>