Даня Квинов

Можно привязаться с границам блока, а не page. Например, через clientX и getBoundingClientRect.

$('.background').mousemove(function(e) {
    var x = (e.pageX * -1 / 5), y = (e.pageY * -1 / 5);
    $(this).css('background-position', x + 'px ' + y + 'px');
});

$(document).mousemove(function(e) {
Как бы прочитав просто код можно понять что вы отслеживаете перемещения по документу, замените document на идентификатор вашего блока.

Замени https:/youtube на https://youtube

У вас нет сетки, растяните таблицу на всю ширину экрана хотя бы)

.package {
  width: 100%;
}

Пример

А какой правильный способ обучения надеванию левого ботинка? Можно ли учится одновременно с надеванием правого? Или лучше сначала выучится как следует надевать левый?
Когда можно переходить к завязыванию шнурков?
и таких вопросов тут сотни...

JQuery это библиотека. Просто чертова библиотека. Причем не большая, и не очень сложная. Берите и пользуйтесь.
Не надо ее изучать. Не надо ее осваивать.
Не потому, что именно использование поможет вам ее изучить (как это происходит с ЯП например), а потому что не надо. Если вы запомните все ее методы это вам ничего полезного не даст - гугл и так всегда под рукой. Т.е. это просто ДЕЙСТВИТЕЛЬНО не надо.

Да - изучение ее внутренностей может помочь лучше понимать как она работает. Но там тоже нет правильного пути. И пути там нет вообще - станет интересно - разберетесь. Но вообще говоря не очень оно интересно.

Изучайте js, занимаясь практическим программированием на нем. А jQuery просто используйте.