Не корректная анимация появления div

Есть контейнер содержимого в галерее, у него стоят display:flex и justify-content: center, так же у каждого элемента галереи есть эффект появления и исчезновения. В ряду галереи всегда идут 3 фотографии, потом следующий ряд, вот как раз случай, когда в последнем ряду меньше 3х фото и волнует меня. Содержимое в последнем ряду появляется сначала как-будто justify-content: flex-start, т.е. слева, когда анимация кончается элементы только тогда центруются. Вот собственно сама галерея. И я не знаю в css ли проблема или в странно работающем react-transition-group. Еще я заметил, что центровка происходить только тогда, когда из DOM пропадают исчезнувшие элементы, но причинно-следственную связь понять не могу.