Bastax13

Вот это должно вам помочь.
Ну, или гуглите по запросам sticky menu и прилипающее меню

Но почему конкретно при ширине в 100% слева отступ можно менять, а справа нет?

"Начальная точка" (x=0, y=0) HTML-страницы является верхним левым углом. А т.к. у вас задана фиксированная ширина, то, соответственно, справа уже нет места для отступа.

CSS
filter: blur(5px);
Со значением можно поиграться, но по моему, оптимальный вариант - 5px

Как сверстать такие плитки?

Codepen

Как сделать возможность добавления новых картинок?

Первое, что приходит на ум - делать выборку из базы данных. Лично я бы поступил так.

Как кастомизировать полосу прокрутки, задать ей свой стиль?

Посмотрите эти библиотеки

Вместо

.user__block-1:hover {
  background-color: rgba(226, 67, 62, .7);
}

Вот это

.user__block-1:hover .user__pic, .user__block-1:hover {
  background-color: rgba(226, 67, 62, .7);
}