Почему зарезается по краям фоновая картинка?

Приветствую! Естьдемо сайт в header которого помещено фоновое паралакс изображение, но проблема в том, что оно обрезается по краям из-за неправильного соотношения высоты и ширины (не спасает даже background-size:cover.
Пытаюсь это исправить с помощью скрипта заданием отношения высоты к ширине, но получаю эффект не тот, на который рассчитываю - как быть?

( function( $ ) {
  $('header').height($('header').width()/1.5);
  $(window).resize(function(){
    $('header').height($('header').width()/1.5);
  });
} )( jQuery );