取得中の画像のサイズを変更する

API から画像を取得する Web サイトを作成し、画像が挿入される div にクラスを追加しました。 css で div のスタイルを設定しようとしましたが、変更されません。

画像のサイズを変更するにはどうすればよいですか?

コードは次のとおりです:

html:

ジャバスクリプト
非同期関数 getimages() {

  const response = await fetch(`https://api.nasa.gov/mars-photos/api/v1/rovers/curiosity/photos?earth_date=${document.getElementById("dateUserInput").value}&api_key=rwX3pO8mONvdxngtstqSuNfwhrwMoGTy6clxqSnu` )

  const data = await response.json()

  console.log(データ)

  console.log(data.photos[カウンター].img_src)

document.getElementById('roverImage').innerHTML =
``
}

.nasaImage {最大幅:100%}

JS に以下を追加します