Alexander Belov

3. Анимация при загрузке страницы выполняется, потому что сначала загружается скрипт с ней, а потом с JS.
На .container можно повесить класс, отменяющий анимацию, а в JS первым делом убрать этот класс с .container. Лучшего варианта не знаю.

background-image: url(adlab.ee/projects/7jum/wp-content/uploads/2017/01/...
background-color: #F3F8FC;
background-repeat: no-repeat;
background-position: 50% 0%;
background-attachment: fixed;

Hash scrolling

Mouse wheel anchor scroll

https://designshack.net/articles/css/perform-a-spl...

Для .sidebar background-color в формате rgba. Например, background-color: rgba(255,255,255,0.9);
Где последнее значение - прозрачность, а первые три - цветовая кодировка.

На CSS нельзя реализовать, но можно использовать JQuery

www.w3schools.com/css/css_background.asp

Для фонового изображения
background-size: cover;

joshreed.github.io/jQuery-ScrollTabs

https://scotch.io/
и YouTube же