Как растянуть картинку с помощью CSS?

Смотрите, у меня такая ситуация - есть вертикальная прямоугольная картинка, например, шириной 250рх, высотой 500рх. Я делаю из нее квадрат 250х250 и в css пишу ей object-fit:cover и transition:0.3s. Дальше я хочу при наведении, чтобы она плавно раскрывалась по высоте до своих 500рх. Но фишка в том, что картинки будут разного размера и хочется их раскрывать до height:auto, но при этом не срабатывает анимация. Что делать?))