ksnk

filter:blur- все правильно, но 20 как-то сильно, лучше 4 или подобрать по месту. Ну и самое главное - поставить ту же самую картинку, что в бякграунде и двигать ее положение на JS при смене размера экрана. Правда фон лучше сделать фиксированный, а не cover, иначе расчетная часть будет слишком сложной для тостера.
Если хочется повозится с размером фона - нужно расcчитать размер элемента с фоном, поставить ему background-size: auto 100%; - это для определенности, это почти cover...
Элементу с блуром поставить background-size: auto <высота элемента с фоном> ;

Да. Процесс называется верстка, выполняется верстальщиками. Для определения направления - гуглить background-image

А что сделать-то надо ? Если полностью резиновый дизайн - то для начала - сделать полностью "резиновую" кривую, с возможностью получить реперные координаты блоков. Лучше такую кривую делать на svg, так как при расширяемой картинке будет меняться ширина линии. Само решение для линии может выглядет так - по window.resize, через маленький интервал времени перерисовываем кривую на svg и вставляем ее в бякграунд.
Для блоков с текстом все страшнее - нужно расставлять блоки не точно в реперные точки, а так, чтобы блоки не налезали друг на друга. Если сам текстовый блок будет не такой, как кажется дизайнеру, а такой как хочется владельцу сайта, то придется освоить ремесло плиточника ;)
Как простой вариант - ставить текстовые блоки с репером в левом-верхнем углу, а если выходит за рамки - то правым или нижним... на том же window.resize

В таргете нужно иметь какой-то уникальный признак, который копируется вместе с этим элементов в wrap. Перед вставкой - проверить, есть ли во wrap элемент с этим признаком.
Для примера - пусть таким признаком будет атрибут data-uid. Если его нет - его нужно вставить а target

var  _transfered ;
//if(target.data('uid')){ target.attr('data-uid', date.getTime()); } // как нибудь так можно вставить атрибут. Не проверял, может и сработает
if(!(_transfered =_wrap.find('[data-uid='+target.data('uid')+']'))){
   _transfered = target.clone().appendTo(_wrap);
}

Нужно подписать полигон, или подписать в город в регионе? Если второе, то у города есть определенные координаты, которые нужно бы привязать к полигону, чтобы не удивлять странным расположением города его жителей. Если подписывать, то проще взять среднее арифметическое габаритных размеров полигона

rel="nofollow", добропорядочные поисковики не будут по таким ссылкам ходить.
При отсылке ajax устанавливать специальный заголовок и его проверять на сервере

Можно проверять смещение клика мышки внутри элемента. Если элемент before вставлен слева и сам элемент смещен вправо по margin - offsetX будет отрицательным

$(document).on('click', '.selector', function (e) {
  if(e.offsetX<0) {
      console.log('before');
      return false;
  }
})