움직이는 캐릭터 예제로 클릭 이벤트 익혀보기-

단순한 예제인데도 오류를 못찾겠습니다.

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Interactive Web</title>
    <link rel="stylesheet" href="02_02.css">
</head>
<body>
<div class="stage">
    <div class="ilbuni"></div>
    <div class="ilbuni"></div>
    <div class="ilbuni"></div>
</div>
</body>
</html>

02_02.css

.stage {
    position: relative;
    width: 100vw;
    height: 75vw;
    background: #fff000;
}
.libuni {
    position: absolute;
    width: 100px;
    height: 100px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain;
}
.ilbuni:nth-of-type(1) {
    left: 5%;
    bottom: 5%;
    background-image:url('ilbuni_0.png');
}
.ilbuni:nth-of-type(2) {
    left: 10%;
    bottom: 3%;
    background-image:url('ilbuni_1.png');
}
.ilbuni:nth-of-type(3) {
    left: 7%;
    bottom: 10%;
    background-image:url('ilbuni_2.png');
}

같은 공간에 웹파일과 이미지 같이 넣었습니다.
도와주세요 ㅠ

인프런 커뮤니티 질문&답변