Maxymus1996

Потому, что before считается дочерним элементом, а дети не могут быть ниже родителя.
Они берут свой z-index от родителя в приоритете.
https://jsfiddle.net/v5hyn0d1/ еще одна обертка решит проблему, так тень и кнопка будут детьми wrapper'а, поэтому их можно будет перемешивать z-index'ом.

for (let i = 1; i <= 10; i++) {
    $(`.year-${i}`).click(() => fullpage_api.moveTo(i + 1));
}

https://jsfiddle.net/mo7unk8p/

<button class="btn-filter" data-filter="foo1">.foo1</button>
<button class="btn-filter" data-filter="foo2">.foo2</button>
<button class="btn-filter" data-filter="foo3">.foo3</button>
<button class="btn-filter" data-filter="all">All</button>

$('.btn-filter').on('click', function (e) {
	var $el = $(e.target);
  var className = $el.data('filter');
  if (className) { filter(className) }
});

https://jsfiddle.net/0ogtxpba/

В принципе и на css можно, но для плавности лучше svg. Хотя если заморочиться то с js не хуже получиться (плавно и можно контролировать).

Поиграйтесь с примером, возможно он и станет ответом на ваш вопрос.

<input id="lower" type="number" value="100">
<input id="upper" type="number" value="200">

const lower = document.querySelector('#lower');
const upper = document.querySelector('#upper');

lower.addEventListener('input', function() {
  this.value = Math.min(this.value, upper.value);
});

upper.addEventListener('input', function() {
  this.value = Math.max(this.value, lower.value);
});

На странице не может быть несколько элементов с одинаковым id, это невалидно. Потому ваш код и находит только первый, остальные просто игнорируются. Замените id на class хотя бы

Пример

https://bkosborne.com/jquery-waterwheel-carousel

Берете блок, помещаете в него изображение (который фон) затем в тот же блок еще одно изображение (которое - картина). Задаете блоку position: relative; А картине (в рамке что должна быть) position: absolute; (изображениям max-width: 100%;

>>PROFIT. (я так думаю :))
А вообще, то что вы изобразили, можно было и через css сделать)
https://codepen.io/anon/pen/WdpKoG?editors=1100

Это?