umebius様

早速のご返信をありがとうございました。
縦横比のきれいな画像になりました。
こんなにすぐに適切なコード？が浮かぶものなんですね。
すごいと思います。ありがとうございました。

恐れ入ります。ひとつだけ気になる箇所があったのですが、
お聞きしても宜しいでしょうか。すみません。

画像を直接左クリックで手動で横にスクロールさせた時に、
Internet Explorer11では画像のまわりの黒の枠線が出ないのですが、ChromeとMicrosoft Edgeでは黒の枠線が出てしまいます。

今回ご教授いただきました修正で、画像の横の長さが修正前に比べて短くなり縦横比のきれいな状態になりました。
修正前は画像の横の長さが画面一杯でした。

ChromeとMicrosoft Edgeの修正後の画像を左クリックした時の
まわりの黒枠線は、修正前の画像の横の長さ(画面の幅一杯)で発生しております。

可能でしたらInternet Explorer11のようにクリックしても画像のまわりの黒の枠線が発生しないようにできたらと思っております。

何度申し訳ございません。
何卒、よろしくお願い申し上げます。