<div class="uk-position-relative" tabindex="-1" uk-slideshow>
    <ul class="uk-slideshow-items" >
        <li>
            <img src="https://picsum.photos/id/1/400/300">
        </li>
        <li>
            <img src="https://picsum.photos/id/100/900/1600">
        </li>
        <li>
            <img src="https://picsum.photos/id/500/300/400">
        </li>
    </ul>
</div>
div {
  width: 80%;
  margin-inline: auto;
  
  .uk-slideshow-items {
    width: 80%;
    display: grid;
    grid-template-rows: 1fr;
    grid-template-columns: 1fr;

    >* {
      position: static;
    }

    li {
      grid-row: 1/2;
      grid-column: 1/2;

      img {
        width: 100%;
      }
    }
  }
}
View Compiled

External CSS

  1. https://cdn.jsdelivr.net/npm/uikit@3.16.13/dist/css/uikit.min.css

External JavaScript

  1. https://cdn.jsdelivr.net/npm/uikit@3.16.13/dist/js/uikit.min.js
  2. https://cdn.jsdelivr.net/npm/uikit@3.16.13/dist/js/uikit-icons.min.js