Почему блок двигается вверх, а не вниз (свойство bottom с position: relative)?
Может сначала прочитаете теорию?
https://developer.mozilla.org/ru/docs/Web/CSS/bottom
bottom в принципе подразумевает, что элемент будет двигаться снизу.