iBird Rose

нет. но ты можешь при удалении класса active добавить новый класс, в котором будет другая анимация. и этот класс для новой анимации потом по таймауту удаляй

оно работает. просто в фиддле не пашет. если сделаешь на странице будет работать

самый приближенный запрос для гугла, который тебе поможет "resizable split views". но именно такой реализации там нет (я не нашел). там почти все примеры будут такого вида https://codepen.io/pamcy/pen/QzbYJG
поэтому берешь любой рабочий пример такой и допиливаешь как тебе нужно. в твоем случае ресайз нужно делать по mousemove и фиксированным

по нормальному это нужно делать через бекенд. но раз уж костыляешь через фронт, то лучше всего тебе это сделать в виде табов. т.е. изначально создать в html все разновидности контента модалки и сделать им display: none; а потом просто при клике - нужный делать display: block.
p.s. чтобы картинки не грузились все сразу - сделай для них своеобразный lazy load. т.е. оставь src пустым, а путь к картинке задай в data-src атрибуте к примеру, а потом при открытии модалки именно в этом табе подменяй src

ты можешь этот текст создать в виде отдельного блока и вставлять в свои блоки header, presentation, description и т.д.
условно назвать его page-text. тогда и модифицировать данный блок будет проще:

<div class=" description">
    <div class="page-text page-text_small">
        Lorem, ipsum dolor sit amet consectetur, adipisicing elit. Illo sunt iure aperiam sint dolor suscipit aut, delectus nesciunt officiis assumenda iusto quisquam libero similique, ex culpa porro vitae? Enim, qui.
    </div>
</div>

там сделано через map area. вот и гугли как работает htmlbook.ru/html/area
примеров тоже полно https://codepen.io/josegh/pen/KEjNKJ

потому что картинка логотипа еще не загрузилась. задай блоку где у тебя лого min-height к примеру

потому что у тебя много вещей выбиваются за границы.
к примеру в разделе "Амбассадоры". ну и ниже блоки тоже текст выпирает. поправишь все эти вещи - станет нормально

ну гуглится же легко https://codepen.io/cadimchers/pen/KNNMBr
плюс подобные вопросы уже были Slick slider progress bar?

https://habr.com/ru/post/126207/

ну к примеру через https://developer.mozilla.org/en-US/docs/Web/API/W... определяешь высоту всего браузера.
дальше через https://developer.mozilla.org/ru/docs/Web/API/Wind... определяешь высоту области просмотра окна браузера.
ну и разность и будет высотой меню браузера и консоли в сумме