Background-image url() doesn't work but image tag with src does

Question

currently working in vue 3 and tailwind css, the path works with src but not with url, I have exhausted all the information I can find but can't seem to figure out the problem, I believe the file path must be correct since src is able to locate it

<template>
  <div
    class="absolute top-0 w-full h-full bg-center bg-cover"
    style="background-image: url(../assets/images/unsplash.png)"
  >
    <span id="blackOverlay" class="w-full h-full absolute opacity-75 bg-black"></span>
   <div>
     <img src="../assets/images/unsplash.png" alt="">
   </div>
  </div>
</template>

Answer 1

The url to the image should be into simple quotes :) Try this :

style="background-image: url('../assets/images/unsplash.png')"

Sincerely, Alex ;)