.image-container {
    position: relative; /* 자식 요소의 절대 위치를 설정하기 위해 relative로 설정 */
    display: inline-block; /* 이미지와 버튼을 함께 감싸기 위해 inline-block 사용 */
}

.image {
    width: 100%; /* 이미지의 너비를 100%로 설정 (필요에 따라 조정 가능) */
    height: auto; /* 비율을 유지하기 위해 높이를 자동으로 설정 */
}

.transparent-button {
    position: absolute; /* 버튼을 부모 요소에 상대적으로 위치 설정 */
    top: 52%; /* 수직 중앙 정렬 */
    left: 46%; /* 수평 중앙 정렬 */
    transform: translate(-50%, -50%); /* 버튼을 중앙으로 이동 */
    background-color: transparent; /* 배경을 투명하게 설정 */
    border: 2px solid rgba(0, 0, 0, 0); /* 반투명 테두리 */
    color: rgba(0, 0, 0, 0); /* 반투명 글자 */
    padding: 10px 20px; /* 버튼의 패딩 */
    font-size: 16px; /* 글자 크기 */
    cursor: pointer; /* 마우스 커서를 포인터로 변경 */
    transition: background-color 0s; /* 배경색 변화에 애니메이션 추가 */
}
.transparent-button1 {
    position: absolute; /* 버튼을 부모 요소에 상대적으로 위치 설정 */
    top: 64%; /* 수직 중앙 정렬 */
    left: 86%; /* 수평 중앙 정렬 */
    transform: translate(-50%, -50%); /* 버튼을 중앙으로 이동 */
    background-color: transparent; /* 배경을 투명하게 설정 */
    border: 2px solid rgba(0, 0, 0, 0); /* 반투명 테두리 */
    color: rgba(0, 0, 0, 0); /* 반투명 글자 */
    padding: 10px 20px; /* 버튼의 패딩 */
    font-size: 16px; /* 글자 크기 */
    cursor: pointer; /* 마우스 커서를 포인터로 변경 */
    transition: background-color 0s; /* 배경색 변화에 애니메이션 추가 */
}
.transparent-button2 {
    position: absolute; /* 버튼을 부모 요소에 상대적으로 위치 설정 */
    top: 83%; /* 수직 중앙 정렬 */
    left: 86%; /* 수평 중앙 정렬 */
    transform: translate(-50%, -50%); /* 버튼을 중앙으로 이동 */
    background-color: transparent; /* 배경을 투명하게 설정 */
    border: 2px solid rgba(0, 0, 0, 0); /* 반투명 테두리 */
    color: rgba(0, 0, 0, 0); /* 반투명 글자 */
    padding: 10px 20px; /* 버튼의 패딩 */
    font-size: 16px; /* 글자 크기 */
    cursor: pointer; /* 마우스 커서를 포인터로 변경 */
    transition: background-color 0s; /* 배경색 변화에 애니메이션 추가 */
}
.transparent-button3 {
    position: absolute; /* 버튼을 부모 요소에 상대적으로 위치 설정 */
    top: 102%; /* 수직 중앙 정렬 */
    left: 86%; /* 수평 중앙 정렬 */
    transform: translate(-50%, -50%); /* 버튼을 중앙으로 이동 */
    background-color: transparent; /* 배경을 투명하게 설정 */
    border: 2px solid rgba(0, 0, 0, 0); /* 반투명 테두리 */
    color: rgba(0, 0, 0, 0); /* 반투명 글자 */
    padding: 10px 20px; /* 버튼의 패딩 */
    font-size: 16px; /* 글자 크기 */
    cursor: pointer; /* 마우스 커서를 포인터로 변경 */
    transition: background-color 0s; /* 배경색 변화에 애니메이션 추가 */
}