Как адаптировать вертикальный слайдер, чтобы высота была пропорциональной?

Есть ли способы адаптировать вертикальный слайдер на CSS? Имеется вертикальный слайдер в котором параграф при достижении определенной ширины начинает смещать остальные слайды вниз(само собой) при переносе текста(увеличивается высота). Естественно высота контейнера задана жестко и выставлен overflow-y: hidden. Кто сталкивался с такой проблемой , опишите хотя бы примерно что можно сделать с этим без JS если возможно вообще?