페이스 슬라이드 제작시 visibility:hidden을 하여도 3번째 이미지만 클릭되어서 3번째 링크로만 이동하는데 어떻게 해야 할까요?

코딩웍스입니다.

CSS 버전 크로스페이드 슬라이드 CSS 구문 오류 수정입니다.
질문 주신 부분을 체크해보니 영상에서 잘못된 부분이 있습니다.

제가 영상 제작할 때 visibility: hidden 부분 적용을 해야 하는 부분이 하나 더 있었는데 그 부분이 빠져서 클릭해도 3번째 이미지만 클릭되신 거에요.

모듈제작 완성본 자료실에 업로드 새로 했으니까 받으시면 CSS 크로스페이드 슬라이드 소스코드를 보실 수 있습니다.
CSS 슬라이드 애니메이션(크로스페이드 슬라이드) 제작 영상 아래 부가설명에 정정된 코드를 상세하게 넣어 놨습니다.
정정된 코드 참고하시고 연습하시는 파일에 먼저 적용해보시기 바랍니다.

제가 놓치고 있었는데 말씀해주셔서 감사합니다~^^