/* anstop.css に記述すべき正しい CSS の内容 */

/* 1. 全ての要素からトランジション/アニメーション効果を無効化する */
/* これにより、ホバー時やスクロール時のアニメーションが停止します */
.stop-image-fx .list,
.stop-image-fx .list * {
    /* CSS Transition/Animation が設定されている場合、全て無効化 */
    transition: none !important;
    animation: none !important;
}

/* 2. 画像（.list.blur figure img）からブラー効果と初期変形を解除する */
.stop-image-fx .list.blur figure img {
    /* CSSのぼかし(filter: blur)が設定されている場合に解除 */
    filter: none !important; 
    
    /* 初期状態で非表示になっている場合に強制的に表示 */
    opacity: 1 !important; 
    
    /* 変形エフェクト(transform)を解除し、元の位置に戻す */
    transform: none !important; 
}

/* 3. マウスオーバー(Hover)時のCSS効果も無効化する */
/* ホバー時にブラーがかかったり、画像が動いたりするのを防ぎます */
.stop-image-fx .list.blur:hover figure img,
.stop-image-fx .list.blur figure:hover img {
    filter: none !important;
    opacity: 1 !important;
    transform: none !important;
}