Как изменить свойства div, которые были изначально установлены timelineMax?

Question

На целевой странице сайта я сделал анимацию, используя timelineMax, который устанавливает высоту и ширину div.

const tl = new TimelineMax();
tl.fromTo(welcomeDiv, 1, {height: '0%'}, {height: '80vh'})
.fromTo(welcomeDiv, 1.2, {width: '100%'}, {width: '80%'})

Обнаружил, что я не могу изменить эти свойства, когда мое окно изменяет размеры ни с помощью медиа-запросов, ни с помощью div. Свойство .style.height / width в js. Другие свойства, заданные только в css, не затрагиваются.

@media only screen and (max-width: 800px) {
    #welcomeDiv{
       height: 160vh; // doesn't work
       background-color: yellow; // works
    }

Answer 1

Попробуйте, добавив ! Важный

height: 160vh !important;
background-color: yellow !important;