Artem Ivanov

media-запросы или готовые классы bootstrap, например , помогут вам в этом)

можно попробовать переносить блок принудительно, тегом br, в случае, если текст не помещается в одну строку
и обертывать каждую строку бордером
если строка помещается в длину, br не отображаем

прописать правила по количеству символов - больше буковок, меньше шрифт
jq/js вам помогут

lol...

width
height

1. задавайте размеры вручную, если картинки разные - сделайте их одинаковыми
2. используя nth-child, показывайте нужный слайд, а остальные скрывайте через visiblity
3. используйте готовые слайдеры: фоторама, сликслайдер и т.д.

держите https://github.com/verlok/lazyload

https://jqueryui.com/autocomplete/

padding...
margin...

Мы можем гадать всю ночь.
Рассекретте ваш код, мы ни с кем не поделимся им! Честно!

https://medium.com/web-standards/sticky-bc7ff7088693

В этом причина, почему в предыдущем примере «липкий» элемент не залипал: он был единственным дочерним элементом контейнера.

однозначно задача нереальна.
расходимся

задайте ширину блока равную активному слайду или чуть более, выравнивание по центру по высоте и ширине

display: flex;
overflow: hidden;

либо синхронизация, как написали выше, либо fotorama.