背景画像のサイズ変更について質問があります。私はdivを持っていて、その長さはWebページが表示されているデバイスによって異なります。
PC: Div = 500px * 500px
Tablet: Div = 300px * 300px
Mobile: Div = 200px * 200px
600px*600pxの画像もあります。この画像を合わせて、アスペクト比を完全に残したままdivを埋めたいと思います。次に、ユーザーが画像にカーソルを合わせたときに、ホバー効果を作成します。これは私が欲しいホバー効果です：
http://mijn-webwinkel.nl/test2.php
（右側のテキストは気にしないでください->テスト専用でした）
私は良い解決策をウェブで検索しました。cssホバー効果にはいくつかの解決策があり（ただし、すべて背景画像が必要です）、div内でサイズを変更するための解決策がいくつかあります（ただし、すべて非背景画像を使用する必要があります）。
両方を組み合わせるための解決策はありますか？