Изображение при открытии "заворачивается" в класс .uk-open
. Позиционирование изображения - в классе .uk-slidenav-position
. Далее я основываюсь исключительно на коде из "консоли разработчика, в коде ниже отражены только изменения, которые необходимо внести в код:
<div class="uk-modal uk-open" style="position: fixed; ...">
<div class="uk-modal-dialog uk-modal-dialog-lightbox uk-slidenav-position" style="top: 50vh;">
top: 50vh
отвечает за позиционирование элемента по вертикали. Отступ равен 50% высоты viewport.
И на будущее: не пользуйтесь <div style="...">
. Впоследствии неудобно будет изменять стили элементов, так как браузеры ставят больший приоритет стилям, которые прописаны в div. Это означет, что при конфликте таблицы стилей и style внутри тега (то бишь):
.uk-open { position: fixed; }
и:
<div class="uk-open" style="position: relative">...</div
Блок будет отображен со стилем position: relative
.