ワードプレスでマウスオーバーのモーションを使いたい

画像を表示し、マウスオーバーした際、GIF画像を表示するようにしたい
マウスオーバーを外した際、元の画像に戻るようにしたい

実現できるHTMLの作り方を教えてください
もしくは、実現できるプラグインを教えてください

バージョン情報
ワードプレス：6.9.4
テーマ：Vertice （バージョン: 1.0.91）

自分で試したこと

画像ブロックを使い、「HTMLとして編集」で以下HTMLを打ち込んでみた
画像は、それぞれメディアライブラリーに登録済み
メディアライブラリーから確認できるURLを記入した

＜img src="元々表示する画像のURL" onmouseover="this.src='マウスオーバーした際に表示するGIFのURL'" onmouseout="this.src='元々表示する画像のURL'"＞

結果
「このブロックには、想定されていないか無効なコンテンツが含まれています。」と表示される