﻿.swap-link {
    display: inline-block;
    position: relative;
    width: 250px;
    height: 174px;
}

    .swap-link img {
        position: absolute;
        top: 0;
        left: 0;
        transition: opacity 0.3s; /* 增加一點點漸變感，比原本更高級 */
    }

    .swap-link .hover-img {
        opacity: 0; /* 平時隱藏 C 圖 */
    }

    .swap-link:hover .original-img {
        opacity: 0; /* 移入時隱藏 A 圖 */
    }

    .swap-link:hover .hover-img {
        opacity: 1; /* 移入時顯示 C 圖 */
    }
