マウスオーバーでズーム
.img-hover-zoom{
overflow:hidden; //これを記述することではみ出た部分を非表示にします。
}
.img-hover-zoom img{
transition:1s all;
}
.img-hover-zoom img:hover{
transform:scale(1.2,1.2);
transition:1s all;
}ブロックエディタで使える様にしたもので、画像はエディタ側での設定が有効になる。
※枠線・角丸は使用できない。CSSの方も変更必要になります。（要調査）