すべての問題

これが誰かにとって簡単な答えになることはわかっていますが、コツがつかめないようです。

私が必要とするのは、マウスをその上に置くと、画像のサイズを 20% サイズから 100% サイズに単純に拡大することです

CSS を使用して変換スケールを使用してこれを達成しようとしていますが、画像全体のサイズに合わせて空白が残っているという問題があります。

画像の周囲のテキストが、画像の拡大縮小に応じて応答的に移動することをお勧めします。私が読んだものから、これを修正するには別のコンテナを使用する必要がありますが、動作させることができません。

記事で読んださまざまなことを試し続けていますが、問題を解決できたものはありません。

これが作業中のcss iveです。これは私が望むものに最も近いものですが、まだ空白に問題があります。