.image-container {
    width: 348px; /* 設置容器的寬度 */
    height: 348px; /* 設置容器的高度 */
    overflow: hidden; /* 裁剪圖片 */
    position: relative; /* 設置容器為相對定位 */
}

    .image-container img {
        position: absolute; /* 設置圖片為絕對定位 */
        top: 50%; /* 將圖片置於垂直居中位置 */
        left: 50%; /* 將圖片置於水平居中位置 */
        transform: translate(-50%, -50%); /* 使用translate移動圖片以實現置中效果 */
        min-width: 100%; /* 最小寬度為100%，保證圖片寬度覆蓋容器 */
        min-height: 100%; /* 最小高度為100%，保證圖片高度覆蓋容器 */
    }


.horizontal-image {
    width: 540px !important; /* 強制將寬度設為50% */
    left: 25%; /* 將圖片向左移動25%，以保證圖片在容器中保持居中 */
}

.vertical-image {
    width: 348px !important; /* 強制將寬度設為360px */
    left: 0; /* 將圖片置於水平左側 */
    top: 50%; /* 將圖片置於垂直中心 */
    /*transform: translate(0, -50%);*/ /* 使用translate移動圖片以實現垂直置中 */
}