/* 1. 이미지 전체를 감싸는 부모 영역 */
.image-box {
    width: 100% !important;   /* 화면 전체 너비를 확보 */
    display: block !important;
    padding: 50px 0;          /* 위아래 여백 (필요에 따라 조절) */
}

/* 2. 이미지 스타일 및 중앙 정렬 */
.image-box img {
    /* 가로 중앙 정렬의 핵심 공식 */
    display: block !important;
    margin-left: auto !important;
    margin-right: auto !important;

    /* 너비 및 반응형 설정 */
    width: 100%;               /* 기본적으로 부모 너비에 맞춤 */
    max-width: 850px;          /* PC에서 너무 커지지 않게 제한 (원하는 px로 수정) */
    min-width: 300px;          /* 모바일에서 너무 작아지는 것 방지 */
    
    height: auto !important;   /* 가로 비율에 맞춰 세로 자동 조절 */
}