jumbotronで画像が切れない表示にし、リスポンシブにしたい。

Question

前提・実現したいこと

bootstrap4で、TOP画像をjumboronを使用し、作っています。

発生している問題・エラーメッセージ

元の画像をそのままのイメージですべて表示したかったのでパソコンでHEIGHTを指定したら表示されました。
スマホで見ると収縮しません。

エラーメッセージ

スマホでみると高さが残ります。

該当のソースコード

<div class="jumbotron jumbotron-fluid mb-0"> </div> ```css ``` .jumbotron { background-image: url('../img/top5.jpg') ; background-repeat: no-repeat; background-size: cover; background-position: center; height: 120vh; position: relative; border-radius: 0; }

試したこと

background-size: contain; その他いろいろ

補足情報（FW/ツールのバージョンなど）

パソコンで見たときに画像をTOPで画面いっぱいに、元のそのままのイメージが切れることなく表示したいです。
かつ、その他デバイスでもRESPONSIVEにしたいです。
うまく説明できていませんが、よろしくお願いいたします。