То есть тебя совсем не смущает, что 25% перекрывает старое значение в 20%?
Рекомендую научиться пользоваться инструментами разработчика, в особенности консолью.
Вопросов о перекрытии стилей другими не будет.
Никак.
В данном случае решение - фоновая картинка с черно-белым градиентом.
Не забудь костыль для Аутлука. https://backgrounds.cm
PS: Верстальщик рассылок с 5-летним опытом.
Ничего сложного нет.
Обычный список ul>li, выстраивается поверх всегда экрана.
Через абсолютное позиционирование сверху накладываются текстовые блоки.
Либо наоборот, список через абсолют.
Даже не знаю, как объяснить еще проще. Тут итак "школьная" программа.
Проще было набросать https://jsfiddle.net/webirus/p0af0my0/