Плавное перемещение объекта

[ilyach199012902ilyachu]

Подскажите,Как сделать что бы,после отпускании кнопки Вверх,через время(допустим 3 сек)черный квадрат вернулся плавно (не быстро)на свое место(то есть опустился вниз),Что нужно добавить?Спасибо заранее

const road = document.querySelector('.road')
road.style.height = '300px'
road.style.background = 'url(road.jpg)'
road.style.backgroundSize = 'cover'
road.style.width = '600px'
road.style.margin = '0 auto'
road.style.position = 'relative'
 
 
let positionRoad = 0
 
setInterval(moveRoad,10)
 
function moveRoad(){
    positionRoad -= 1
    road.style.backgroundPositionX = positionRoad + 'px'
}
 
console.log(road)
 
const tRex = document.querySelector('.t-rex')
tRex.style.height = '100px'
tRex.style.width = '50px'
tRex.style.background = 'black'
tRex.style.position = 'absolute'
tRex.style.bottom = '50px'
tRex.style.left = '15px'
 
window.addEventListener('keydown',function(e){
   if(e.key === 'ArrowUp'){
       tRex.style.bottom = '100px'
   }
})