Почему блок двигается вверх, а не вниз (свойство bottom с position: relative)?

Я проходил урок на code-basics от хекслета, а там ничего подобного не было. Спасибо.

Почему блок двигается вверх, а не вниз (свойство bottom с position: relative)?

https://codepen.io/vladimironokhov8/pen/zYEgqNE