I have a work in progress slider at https://jacquespepinart.com/5-3/ For the mobile version, I've created separate layers (for text and arrows) and all is working very well. However, in browsers, the content resizes when I narrow the browser window horizontally, but not vertically. I need the content to scale down top to bottom when the browser window is made less tall.

Hi Kristof. That worked mostly. Unfortunately I'm having trouble getting the thumbnails to show without making the browser window very tall. And if I then shrink the height, the thumbnails overlap the text below the image. I've experimented with the slider height and that seems to work to get everything except the thumbnails to scale properly when I adjust the browser width and height: https://jacquespepinart.com/5-3/ I even tried applying a negative top margin in CSS to .ls-v6 .ls-thumbnail but that only helps at certain browser heights.

Hi Kristof. That's not doing it. I think there's an issue with the height of the slider. It's currently set at 1120 wide x 1120 high. If I decrease the height, the thumbnails move up, but as the browser height decreases the thumbnails start to overlap to type in the slide. I find I need to keep the height higher for it to work on the phone. Any ideas? I'm really happy with the overall look, just need to solve this. Paul