/* 橫向並列與均分間格 */
.banner-wrapper {
    display: flex;               /* 使用 Flexbox 佈局 */
    justify-content: space-around;/* 讓圖片在區塊內均分剩餘空間 (左右留有間距) */
    align-items: center;         /* 垂直居中對齊 */
    width: 100%;                 /* 確保容器滿寬，方便均分 */
    max-width: 1920px;           /* 可依您的網頁設計調整最大寬度 */
    margin: 0 auto;              /* 區塊置中 */
}

/* 針對超連結與圖片的基礎設定 */
.banner-link {
    display: inline-block;       /* 讓 a 標籤可以套用轉場效果 */
    text-decoration: none;       /* 移除超連結底線 */
    transition: transform 0.3s ease; /* 設定轉場動畫：持續 0.3 秒，平滑呈現 */
}

.banner-link img {
    display: block;              /* 移除圖片下方的預設空白間隙 */
    max-width: 100%;             /* 確保圖片能響應式縮放 */
    height: auto;
}

/* 滑鼠移過（Hover）往上跳的特效 */
.banner-link:hover {
    transform: translateY(-15px); /* 往上移動 10 像素 (可自行調整高度) */
}