.image-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr); /* 기본적으로 2열 */
    gap: 10px;
    justify-content: center;
    align-items: center;
    max-width: 800px;
    margin: auto;
}

.image-item {
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}

.image-item img {
    width: 100%;
    aspect-ratio: 16 / 9; /* 16:9 비율 유지 */
    object-fit: cover; /* 비율 유지하면서 꽉 채우기 (잘려도 됨) */
    border-radius: 8px;
}

/* 화면 너비가 700px 이하일 때 한 줄에 하나만 배치 */
@media (max-width: 700px) {
    .image-grid {
        grid-template-columns: 1fr; /* 한 줄에 하나 */
    }
}


article header {
    display: flex;
}
article header h2 {
    margin: 0 auto;
}