Дмитрий Кравченко

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

это обычная png картинка, сверху которой положен слой свг, в котором отлавливается hover и производится вся "магия"

Написать кастомную сетку, используя susy или какой-нибудь аналог

var fb.widgets

попробуй заменить на
fb.widgets

массивом

includePaths: [require('node-bourbon').includePaths, require('node-normalize-scss').includePaths]

вполне

Angular - лишь клиентский фреймворк, тогда как Meteor - fullstack js платформа

Скос, допустим, так
Силуэт города - это точно png

вложить блок с контентом в блок с бэкграундом, разумеется

<section>
<div class="content"></div>
</section>

section{
   width: 100%;
  background-color: blue;
}
.content{
  margin: 0 auto;
  width: 1200px;
}