【html・django】クォーテーションを三重の入れ子にしたい

Question

djangoの練習中です。
画像のサイズ比とレスポンシブを取り入れるため、以下のコードを実現させたいです。
しかし、クォーテーション、ダブルクォーテーションが三重の入れ子になってしまい、うまくできません。
どのようにすれば実現できるでしょうか？

<div class="thumbnail" style="background-image: url('{% static "image/img1.jpg" %}')"></div>

.thumbnail {
  background-size: cover;
  background-position: center center;
  padding-top: 71.42%;
  width: 100%;
}

なお、以下のような二重の入れ子は表示させられています。

<div class="thumbnail" style="background-image: url('{{ object.photo1.url }}')"></div>

こちらのサイトから\を追加してみましたが、エラーでした。

<!--ケース1-->
<div class="thumbnail" style="background-image: url('{% static \'image/カリオン.jpg\' %}')"></div>

<!--ケース2-->
<div class="thumbnail" style='background-image: url(\'{% static "image/カリオン.jpg" %}\')'></div>

Comments

[quickquip]

質問の上の方コード
<div class="thumbnail" style="background-image: url('{% static "image/img1.jpg" %}')"></div>
が(Djangoテンプレートとしては)正解だと思うんですが、"うまくできません"はどういう意味で言っていますか?

[seyu0930]

background-imageのダブルクォーテーションがその次に来るダブルクォーテーションで閉じられてしまうんです。"background-image: url('{% static "これがひとかたまりと認識されます。

[quickquip]

そんなことにはならないと思いますよ。実行してエラーになって困ってるんですか? それとも別のなにかですか?

[quickquip]

https://teratail.com/help/question-tips#questionTips3-4-1
>「○○がうまく動きません」という質問をしたのに、逆に「どういう現象がおきましたか？」という質問ばかりがきてしまう。
>これは、実際今何が起きていてどうなっているのかが書かれていないために起こります。