Павел Диденко

При наведении на блок Man дергается из за повторного рендера картинки подложки.
Открываешь инструменты разработчика на вкладке elements, выделяешь блок с классом "styles__Box-be5yn1-3 kFJOuH", затем на вкладке со стилями рядом с инпутом с плейсхолдером filter выбираешь эффект hover. И потыкайся в него, увидишь как в ховере зашита картинка.
Была картинка -> навел -> убрал картинку у блока -> добавил картинку в ховере

Кажется, вы тратите время в пустую. Сейчас востребованы JS фреймворки и библиотеки, в них верстка применяется за счет CSS in JS. Если будете просто верстать по БЭМу, так и останетесь верстальщиком и зарабатывать будете немного, развивайтесь дальше

sudo npm i -g browser-sync

Сделать 2 блока не пробовали?

Попробуйте -webkit-overflow-scrolling: touch;

Вы что-то не договариваете. fixed работает от окна браузера, он по умолчанию будет над элементом с position: absolute. Вот пример

Лучше выложите свой код

А по какой причине цвет нужно изменять именно инлайн?

Можно, задавай стили в псевдоклассе :hover

Учись пользоваться поисковиком StackOverflow