отзывчивое изображение в uikit3

Question

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/uikit/3.0.0-rc.25/js/uikit-icons.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/uikit/3.0.0-rc.25/js/uikit.min.js"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/uikit/3.0.0-rc.25/css/uikit.min.css" rel="stylesheet"/>
<section class="uk-container-expand">
	<div class="uk-height-large  uk-background-cover uk-light page-cover" data-src="https://source.unsplash.com/1200x800/?mountain" uk-img>
		<h1 class="page-heading uk-margin-large-left">page </h1>
		<h3 class="page-subheading uk-margin-large-left uk-margin-top uk-margin-bottom">Lorem ipsum dolor sit amet.</h3>
	
	</div>
</section>

Этот код написан на uikit3.Я хочу, чтобы фоновое изображение было отзывчивым. Когда я изменил режим рабочего стола на мобильный, изображение не реагирует. Пожалуйста, дайте несколько советов.