title: How do I call a static image from the CSS of an element with Django?
body: <p>I used bootstrap studio to make a simple frontend page and I'm learning django so I'm using a bootstrap frontend for the app.</p>
  <p>All the static resources are in a static folder that i call using:<br>
  <code>{% load static %}</code></p>
  <p>And the image is at: <code>static 'img/map.png'</code></p>
  <p>In the below code, the div is calling the background image using css - <em>background:url('assets/img/map.png')</em><br>
  But of course this wont work because I have a folder called static with the static assets</p>
  <pre><code>&lt;div class=&quot;col&quot; style=&quot;text-align: center;display: flex;justify-content: center;align-items: center;flex-flow: column;min-width: 300px;background: url('assets/img/map.png');background-size: cover;&quot;&gt;
          &lt;div style=&quot;background: rgba(255,255,255,0.85);margin-top: 66px;margin-bottom: 66px;&quot;&gt;
              &lt;h1&gt;Diverse Locations&lt;/h1&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  </code></pre>
  <p>Is there any way I can make the div point to the right background image?</p>
  <p>Note: I created the static folder by copying the static content into the project folder, defined the STATIC_ROOT and STATICFILES_DIRS variables and ran the command: python manage.py collectstatic.</p>