Почему код в browser console работает, а в коде страницы — нет?
Быстрее всего потому что он у вас выполняется до того как броузер построит DOM
Запихни его в document.onload = () => { код }
Но вообще менять css из js - плохая практика. Лучше заранее описать все нужные стили и менять только классы у элементов