Vue Router warning for background-image
I do not know why i keep receiving the Vue router warning on background-image and it doesnt display, when the image path is correct. <img src> able to display the image, the very same image.
<li>
<p
class="bg-fixed"
style="
background-image: url('../assets/images/pexels-dimitri-kuliuk-1488315.jpg');
background-size: cover;
background-position: center;
height: 300px;
width: 100%;
display: flex;
align-items: center;
justify-content: center;
color: white;
"
>
Jessica Maddinton<br />&<br />Brian Owell
</p>
</li>
<li>
<img src="../assets/images/pexels-dimitri-kuliuk-1488315.jpg" />
</li>