本番環境でimg画像を表示させたい

前提・実現したいこと

本のレビューアプリをherokuを使ってデプロイしたのですが、
本番環境の方で、新規投稿ページの背景画像が表示されません。

使用している画像の問題でしょうか？
urlが長すぎるとかも考えられますか？

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

エラーメッセージ

該当のソースコード

scss

.new {
  margin: 10px auto;
  background-image: url('/37262041-oud-leeg-boek-met-gele-pagina-s-perkament-en-lint-bladwijzer-geïsoleerd-op-een-witte-achtergrond-.jpg');
  background-size: cover;
  height: 700px;
  width: 1100px;
  padding: 100px;

new.html.erb

<div class="new">
  <%= form_for @book do |f| %>
    <div class="new__page">
      <div class="book__left">
        <%= f.text_field :image, class: "book__left--image", placeholder: "image url" %>
      </div>
      <div class="book__right">
        <%= f.text_field :title, class: "book__right--title", placeholder: "input itle", maxlength: "12" %>
        <%= f.text_area :content, class: "book__right--content", placeholder: "input content", rows: "10" %>
        <%= f.submit "読了", class: "book__right--btn" %>
      </div>
    </div>
  <% end %>
</div>