* 겪고 있는 문제 상황을 최대한 자세하게 작성해주세요.

* 문제 해결을 위해 어떤 시도를 해보았는지 구체적으로 함께 알려주세요.

강의 자료처럼 cursor pointer 작업까지는 잘 되었는데

마지막 photo-description에서 opacity: 0;으로 두는 순간 설명이 사라져요..

사진에 마우스 커서를 가져다 놓아도 클릭을 해도 설명이 사라집니다ㅠㅠ

보고 계신

화면 전체를 캡처해 주시면, 튜터님들이 빠르게 상황을 이해할 수 있어요.

작성한 코드 및 에러 메세지

.photo_description {

            color: white;

            background-color: black;

            width: fit-content;

            padding: 0 20px;

            margin-bottom: 10px;

            border-radius: 10px;

            position: absolute;

            bottom: 0;

            transform: translate(-50%);

            left: 50%;

            opacity: 0;

        }