zooks

PrintScreen.

tutorials.jenkov.com/svg/svg-animation.html
https://css-tricks.com/guide-svg-animations-smil/ (внимание, технология SMIL сейчас в статусе нерекомендуемой)

Если обобщенно, то становится меньше рутины - монотонных повторных действий.

Чтобы не гадать - сразу выбирай SASS в синтаксисе SCSS. Нужна скоростная реализация libSass, которую прикручиваешь к gulp. Дальше добавляешь к этому autoprefixer, который позволит забыть о ручной расстановке префиксов. Больше никаких "постпроцессоров" не надо. Но прежде чем приступить к этому шагу ты должен хорошо знать CSS.

Вот неплохая статейка для начинающих (англ.)
https://scotch.io/tutorials/getting-started-with-sass

Внутри заголовков H1-H6 можно использовать теги span и br.
Ни в коем случае нельзя использовать в нем блочные элементы вроде div. Пихать small - безграмотно с точки зрения семантики.