Tailwind backgorund image

[marinkreso95]

I want to use Tailwind to add background image to NiceGUI app. I have this piece of code:

<header class="bg-[url('images/banner.jpg')] w-full relative">
    <div
      class="absolute left-0 top-0 bg-[linear-gradient(240deg,_rgba(0,_0,_0,_0.00)_24.28%,_#000_63.81%)] h-full w-2/4">
    </div>
    <div class="container relative mx-auto flex items-center  content-center align-middle h-full min-h-[700px]">
      <a href="#" class="absolute top-10 left-0" data-aos="fade-in">
        <img src="images/logo.png" alt="">
      </a>

      <div class="mt-10">
        <h1
          class=" text-white font-light leading-none tracking-[3.05px] text-[61px] mb-12 font-['TitlingGothicFB-Light']">
          <span class="block font-medium tracking-[3.75px] text-[75px] font-['TitlingGothicFB-Normal']">PLAYER</span>
          <span class="text-[#D5AA2A]">MOVEMENT</span> REPORT
        </h1>
        
      </div>

    </div>
  </header>

I've added this to NiceGUI app with ui.add_body_html. If I open it in regular HTML file it opens as expected, but in NiceGUI image is not shown.

Attaching screenshot examples.

[marinkreso95]

Nevermind, it was just an issue of serving static image. When I've changed to serving from web, it worked ok