github上のシンタックスエラーの解決について

前提・実現したいこと

ポートフォリオ作成中ですが、githubにpushしたところ、デプロイにてシンタックスエラーが出てしまい、書行けて方法が分からず、質問致します。

どこが間違っているか分からないので苦戦しています。

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

[SassC::FunctionsHandler] undefined method `[]' for nil:NilClass
rails aborted!
SassC::SyntaxError: Error: error in C function image-url: undefined method `[]' for nil:NilClass
        on line 2168:21 of stdin, in function `image-url`
        from line 2168:21 of stdin
>>   background-image: image-url("image1.jpg");

該当のソースコード

・about.html.erb
   <div id="container-about">
    <div id="theTarget">
      <div class="image1"></div>
      <div class="image2"></div>
      <div class="image3"></div>
      <div class="image4"></div>
      <div class="image5"></div>
      <div class="image6"></div>
      <div class="image7"></div>
      <div class="image8"></div>
      <div class="image9"></div>
      <div class="image10"></div>
    </div>
  </div>

.homes.css

#container-about{
	height: 500px;
	width: 630px;
	float: left;
	padding: 30px;
}

.image1 {
	background-image: image-url("image1.jpg");
	background-size: auto;
}
.image2 {
	background-image: image-url("image2.jpg");
	background-size: auto;
}
.image3 {
	background-image: image-url("image3.jpg");
	background-size: auto;
}
.image4 {
	background-image: image-url("image4.jpg");
	background-size: auto;
}
.image5 {
	background-image: image-url("image5.jpg");
	background-size: auto;
}
.image6 {
	background-image: image-url("image6.jpg");
	background-size: auto;
}
.image7 {
	background-image: image-url("image7.jpg");
	background-size: auto;
}
.image8 {
	background-image: image-url("image8.jpg");
	background-size: auto;
}
.image9 {
	background-image: image-url("image9.jpg");
	background-size: auto;
}
.image10 {
	background-image: image-url("image10.jpg");
	background-size: auto;
}

検討の方、お願い致します。