Having some trouble with setting my image as the background of the Jumbotron. I've tried a few different approaches, but none seem to be working. It's not an issue with static loading because using img src directly into the Jumbotron section does work, although it doesn't set the image as the background. What am I missing here?
home.html/styles
.JumboHeaderImg{
background-image: url("/Users/papichulo/Documents/DatingAppCustom/dating_app/static/images/jumbo.jpg");
}
.JumboHeaderImg{
background-image: "{% static 'images/jumbo.jpg' %}";
<div class="jumbotron JumboHeaderImg"></div>
style.css
.jumbotron{
background-image: url('{% static "images/jumbo.jpg"%}');
}