Default Lorem ipsum dolor sit amet, consectetur adipiscing elit. BUTTON
<section class='uk-section'>
<div class="uk-inline uk-width-expand uk-margin-auto uk-hidden@s">
<img src="https://placehold.co/550x700/123/234" width="100%" height="auto" alt="">
<div class="uk-overlay uk-light uk-position-bottom">
<p>Default Lorem ipsum dolor sit amet, consectetur adipiscing elit. <a class="uk-button uk-button-primary uk-margin-top" href="">BUTTON</a></p>
</div>
</div>
</section>
Default Lorem ipsum dolor sit amet, consectetur adipiscing elit.
<div class="uk-inline">
<img src="https://placehold.co/1600x900/555555/444444?text=Imagen destacada" width="1800" height="1200" alt="">
<div class="uk-overlay uk-light uk-position-bottom">
<p>Default Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
</div>
</div>
CALL TO ACTION
Short persuasive text...
BUTTON
CALL TO ACTION
Short persuasive text...
BUTTON<div class="uk-inline uk-width-expand uk-margin-auto uk-hidden@s">
<img src="https://placehold.co/550x700/123/234" width="100%" height="auto" alt="">
<div class="uk-overlay uk-position-bottom">
<div class="uk-card uk-card-default uk-padding uk-text-left uk-margin-small">
<h2 class="uk-heading-primary uk-margin-remove">CALL TO ACTION</h2>
<p class="uk-margin-remove">Short persuasive text...</P>
<a class="uk-button uk-button-primary uk-margin-top" href="">BUTTON</a>
</div>
</div>
</div>
<div class="uk-inline uk-width-expand uk-margin-auto uk-visible@s">
<img src="https://placehold.co/1200x450/123/234" width="100%" height="auto" alt="">
<div class="uk-overlay uk-position-bottom">
<div class="uk-card uk-card-default uk-padding uk-text-left uk-margin-small">
<h2 class="uk-heading-primary uk-margin-remove">CALL TO ACTION</h2>
<p class="uk-margin-remove">Short persuasive text...</P>
<a class="uk-button uk-button-primary uk-margin-top" href="">BUTTON</a>
</div>
</div>
</div>