I have been going over and over this, I know the error must be in the file path in the css, since the html images show just fine. I’ve read a lot about the pathways but I have tried all the different ways I could think (and have seen on here) and no version of the image pathway seems to have them show.
Here is my html:
<div id="mission">
<div class="mission-container">
<div class="text-ontop">
<h2>Our Mission</h2>
<h4>Handpicked, Artisanally Curated, Free Range, Siustainable, Small Batch, Fair Trade, Organic Tea</h4>
</div>
And here is the CSS:
mission-container {
background-image: url("./images/img-mission-background.webp");
background-repeat: no-repeat;
background-position: center;
background-size: cover;
max-height: 700px;
max-width: 1200px;
margin: 40px auto;
display: flex;
}
I’m using Visual Studio Code, so when I start to type in a url it assists in showing the directory, I have tried with and without the ‘./’ but still no luck.
Th rest of the exercise is complete but this is so annoying, it’s going to be a simple fix but at this point I’ve become code blind 
