.pagination {
    justify-content: center;
}

.pagination .page-item:not(.active) .page-link {
    color: black;
}

.pagination .page-item.active .page-link {
    color: white;
    background-color: black;
    border-color: black;
}
/* 페이지네이션 버튼의 테두리를 없애기 */
.pagination a,
.pagination span {
    border: none !important;
}

@media (min-width: 350px) and (max-width: 980px) {
    figure.image {
        width: 100% !important; /* figure 요소가 화면을 가득 채우도록 */
        margin: 0; /* 여백 제거 */
    }

    figure.image img {
        width: 100% !important; /* 이미지가 화면에 꽉 차도록 */
        height: auto; /* 비율 유지 */
        aspect-ratio: auto; /* 필요하면 자동 비율 유지 */
    }
    img {
        max-width: 100% !important;
        height: auto !important;
    }
    .pagination a {
        color: black !important;
    }

    /* 페이지네이션 버튼의 테두리를 없애기 */
    .pagination a,
    .pagination span {
        border: none !important;
    }
}