background-imageで背景画像が表示されない

Question

前提・実現したいこと

background-imageで背景画像を表示したい
.main-visualのところのbackground-image: url("../img/picture_pc_e9cd48501e8ad5f03a13bfefcf9e1f19.jpg" alt="sky");の部分です

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

atomでプレビューしているので検証ツール使えず、エラーメッセージはないです。（本当は使えるかも）

エラーメッセージ

該当のソースコード

<main class="main-content">
        <div class="main-visual">
          <h2 class="main-visual__ttl">キャッチコピー</h2>
        </div>
``` practice.css
.main-visual {
  position: relative;
  height: 480px;
  background:center center no-repeat;
  background-image: url("../img/picture_pc_e9cd48501e8ad5f03a13bfefcf9e1f19.jpg" alt="sky");
  background-size: cover;
}

.main-visual__ttl h2 {
  position: absolute;
  top: 50%;
  left: 50%;
  color: #fff;
  font-weight: normal;
  font-size: 70px;
  font-family: "YuGothic", "游ゴシック";
  transform: translate(-50%, -50%);
}

### 試したこと
ファイル名を変えたり、img/としてみたり試しました。他の画像ファイルでも試してみましたが駄目でした（htmlファイルでimgタグを使用すると表示されました。）


### 補足情報（FW/ツールのバージョンなど）
windows10
Atom使用
cssの読み込みは完了しています
画像のファイル名はコピペしたので間違いないです


構造（数字が同じところは同じ階層で、数字のところはディレクトリで、－はファイルです）
①Practice
　　-practice.html
　　②css
   　-practice.css
  　②img
   　-picture_pc_e9cd48501e8ad5f03a13bfefcf9e1f19.jpg

Answer 1

以下のように書き換えると、動作するかもしれません。

background-image: url(../img/picture_pc_e9cd48501e8ad5f03a13bfefcf9e1f19.jpg);

「alt="sky"」が、CSSの場合は不要と思われます。

Comments

[ghostpascal]

出来ました！こんな単純なところ見逃してたとは、、、
ありがとうございました。