Нужно создать слайдер из 10 элементов

Я пытаюсь сделать прокручивающийся слайдер из 10 элементов https://codepen.io/ellxkeyu-the-flexboxer/pen/zYXdOOR Всешл видимых элемента в слайдере 3, но сам слайдер должен состоять из 10 карточек я пробовал добавить обьекты карточек

<label class="card" for="item-3" id="song-3">
  <img src="https://i.postimg.cc/PxCK9QWR/Mask-group.png" alt="song">

Но это лишь добавяет новую видимую карточку еще есть несколько отношений в таблице стилей, но я не совсем понимаю как они работают

transform: translatex(-70%) scale(.8);
opacity: .4;
z-index: 0;
}