Как решить проблему с overfow: hidden?

Question

[karmyskove]

Всем привет!) Нужно было сделать вот такой слайдер:

Сделал такой слайдер через slick slider, мой результат:

Проблема следующая, у slick slider есть класс .slick-list с свойством overflow: hidden, из-за этого картинка обрезается по полам, как показано выше. Как можно решить данную проблему?

Comments

[karmyskove]

Вырвать из потока с помощью position: absolute не получится, у родителя position: relative

[karmyskove]

Значение сменить у overflow тоже не приведет к нужному результату, появятся артефакты.

Answer 1

[Сергей delphinpro]

Установите padding-top равным половине высоты авки для блока .slick-list.

Comments

[karmyskove]

На сколько простое решение, а я тут пытаюсь придумать костыль)