.figures {
    display: flex; /* 使用 Flexbox 排列子元素 */
    justify-content: space-between; /* 子元素之間的間距均等 */
    gap: 20px; /* 子元素之間的間距 */
}

.figure-container {
    flex: 1; /* 讓每個子元素平分空間 */
    text-align: center; /* 圖片和標題居中對齊 */
}

.figure-container img {
    max-width: 100%; /* 確保圖片不會超出容器寬度 */
    height: auto; /* 保持圖片比例 */
}

.figure-container-small {
    display: flex;
    flex-direction: column;
    justify-content: center; /* 垂直置中 */
    align-items: center; /* 水平置中 */
    text-align: center; /* 確保文字也置中 */
    width: 100%; /* 確保容器寬度占滿父容器 */
}

.figure-container-small img {
    height: 250px; /* 統一圖片高度 */
    object-fit: contain; /* 保持比例，不裁切 */
    width: auto; /* 確保圖片不會拉伸，保持原始比例 */
    margin: 0 auto; /* 確保圖片水平置中 */
    display: block; /* 確保圖片是塊級元素 */
}

.figure-container-small figcaption {
    text-align: center;
    margin-top: 8px;
    font-size: 16px;
    font-weight: bold;
}