画像のマークを消したい

Question

以下のマークを表示したくありません

現在html, cssを用いてwebサイトを作成中です。
その中で画像を表示したのですが、

画像の中にこのマークが表示されてしまいます。
見た目的に削除したいのですが、方法がわかりません。

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

上記したマークが表示される原因がわからないです。

該当のソースコード

<main>
<div class="container"><h1>WEB PROGRAMMING</h1><img src="stardust.jpg">
</div>
</main>

.container {
  height: 500px;
  overflow: hidden;
  background-image: url(./images/stardust.jpg);
  background-size: cover;
  color: white;
  font-size: 50px;
  letter-spacing: 10px;
  text-align: center;
}

使用している画像

(NASAのcopywrightフリーの画像です。また学術目的です。)

試したこと

インターネットで検索したりこのサイトで検索しましたが、芳しい結果は得られませんでした。
html, css文に問題があるのか、環境に問題があるのかわかりません。

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

・Atom(1.42.0)（多分最新）を使用しています。
・MacBook(10.15.1)

Answer 1

<main>
<div class="container"><h1>WEB PROGRAMMING</h1>
</div>
</main>

CSSで画像設定しているんじゃないんですか？
<img>いらないと思います

Comments

[azuapricot]

kei344さんの指摘通り imgタグすらいらないですね

[Alex_M]

html内のimagを削除することで解決いたしました。
回答ありがとうございました。

Answer 2

CSSファイルとHTMLファイルが同じフォルダにあるなら。

<img src="./images/stardust.jpg">

また、background-imageで指定するならimgタグ自体不要な気もします。