Почему translate срабатывает сразу, а в не течении 1,5сек?
Рано или поздно каждый разработчик должен сделать выбор:
1) codepen.io
2) jsfiddle.net
Ответов будет гораздо больше. А так я Ваш код вставил - у меня ни стрелок, ничего. Как результат, даже время тратить не хочется.
в коде особо не стал разбираться, но увидел сразу 2 вещи, которые не будут давать плавность: 
1) transition: 1.5s; не указано свойство, которое вы хотите анимировать, а указано просто время, и желательно вид анимации указать (linear, ease и т.д.)
2) картинкам задан display: none; и transition здесь не поможет в плавном переключении в display: block; а будет резко это происходить