I'm trying to add a link for a background image using tailwind css syntax. The project.pic is a string of a link saved on imgur. If I use an img tag and the src attribute, the image loads. I would like to use the div I have set up. I've tried the 3 options below without any success. How can I pass the imgur path to the bg-[url(path)] correctly?

project.pic = 'https://i.imgur.com/JdgrfD5.png'

<div class="bg-[url(<%= project.pic %>)] bg-center bg-no-repeat bg-cover h-[40vh]">
</div>

<div class="bg-[url("<%= project.pic %>")] bg-center bg-no-repeat bg-cover h-[40vh]">
</div>

<div class="bg-[url('<%= project.pic %>')] bg-center bg-no-repeat bg-cover h-[40vh]">
</div>