Анимация на HTML: выезжают объекты слева направо, а надо сверху вниз

Не знаю, как исправить код, чтобы элементы выезжали при наведении сверху вниз, а не слева направо. Укажите на исправление, пожалуйста.

Вот ссылка на код https://psv4.userapi.com/c856220/u340080142/docs/d1/04534c7343dc/Novy_textovy_dokument_2.txt?extra=jT38smfzFlbylyNz0TiFzr0lXhxju_JDKnJERFoGMV_mJc0KtVAS0AKZEnU7TgwP_mRyNRZA8HeFT-4eneaV43a4xGN6rqT3OF3aVB1y_5_agDVJYxy7T5ECUqgqfdhdIDMXFf75aDme4ug&dl=1