/* 이미지 컨테이너 중앙 정렬 */
.image-container {
    display: flex;
    flex-direction: column; /* 세로 방향으로 스택 */
    align-items: center; /* 가로 축 중앙 정렬 */
    width: 100%; /* 컨테이너 너비를 100%로 설정 */
}

/* 이미지 자체의 스타일 */
.image-container img {
    max-width: 100%; /* 이미지 최대 너비를 100%로 설정하여 컨테이너 너비에 맞춤 */
    height: auto; /* 이미지 높이를 자동으로 설정하여 비율 유지 */
}

/* 모바일과 데스크탑에서 이미지 중앙 정렬을 유지하기 위한 미디어 쿼리 */
@media screen and (max-width: 768px) {
    .image-container {
        align-items: center; /* 모바일 화면에서도 중앙 정렬 유지 */
    }
}