Raloynner

https://jsfiddle.net/Raloynner/1echfna2/8/ попробуй slick я там уже настроил

https://codepen.io/rasul312312/pen/oNwNEqw   чутка переделаl твой html css
у тебя не правильно стояли слои.
я так понял у тебя должны быть планеты, теперь в зависимости от того какая планета будет выше, можешь zindex item дать через nth-child

можно через @keyframes сделать opacity 0 opacity 1

https://animista.net/ тут можешь сгенерировать анимацию