初めまして（o_ _)ｏ））
大変ご丁寧なコメントを頂きありがとうございます。
また、当方のサイトがお役に立てて光栄です。

画像リンクのホバーエフェクトについてですが、自分が記事内でほとんど画像リンクを使わないため考えていませんでした。

画像リンクに対してホバーエフェクトの処理を行うのは、下記のソースコードをスタイルシートに追記することで実現すると思います。

a:hover img{
opacity: 0.6;
transition: all 0.8s ease;
}

但し、注意する点としては、ブログサイト全体の全ての画像リンクに対してホバーエフェクトの処理が行われます。

そのためこれまで他のアイキャッチやサイドバーのなどの画像に対してホバーエフェクトの処理を行っている場合、その処理に上書きされる可能性もあります。

もしサイドバーの画像リンクにホバーエフェクトを掛けたくない場合は、下記のソースコードをスタイルシートに追記してみて下さい。

.main a:hover img{
opacity: 0.6;
transition: all 0.8s ease;
}

今回MASAa.netは、最初のソースコードを追記しました。

これによりアフィリエイトの画像（アマゾン等一部除く）に対してもホバーエフェクトが掛かるようになりました。

と言う事で、直ぐに思いつく画像リンクに対してのホバーエフェクトの処理はこのような感じになります。

もしよろしければご参考頂ければと思います。

今後ともMASAa.netをよろしくお願い致します。