Как сделать плавное увеличение высоты картинки?

Question

[Norum]

Я использую Owl-carousel для галереи и мне нужно, чтобы центральный слайд немного увеличился по высоте. Я этого добился путем увеличения высоты картинки внутри блока, но никак не могу добиться плавности, transition выставлял, но не работает. Изначально использовал scale, но не подошло, так как увеличивается сам контент внутри. В чем проблема?

Весь сайт cn39614.tmweb.ru
Весь код jsfiddle.net/8mLsp9by/

.spaces-gal .owl-item img {
  transition: 0.3s;
}
.spaces-gal .owl-item.center img {
  height: 450px;

Answer 1

[Алексей Дубровин]

Анимация может происходить только если есть от чего отталкиваться.
У вас нету первоначального значения для height
Иначе это просто переключения значений с ничего на 450px
Установите для img значение (px) и всё заработает.