Вам нужно поместить внутренний ul
внутри элемента li
.
В наше время можно использовать vw
и vh
единицы, которые представляют 1% viewport's width и h восемь соответственно.
https://css-tricks.com/fun-viewport-units /
Так, например:
img {
max-width: 100vw;
max-height: 100vh;
}
... сделает изображение столь же широким максимально высокий, поддерживая соотношение сторон, но не будучи более широким или выше, чем 100% области просмотра.