/** @type {import('tailwindcss').Config} */
export default {
  content: ["./index.html", "./src/**/*.{js,ts,jsx,tsx}"],
  theme: {
    extend: {
      backgroundImage: {
        'auth-back': "url('src/assets/back.png')",
      }
    },
    screens: {
      'sm': '640px',
      // => @media (min-width: 640px) { ... }

      'md': '768px',
      // => @media (min-width: 768px) { ... }

      'lg': '1175px',
      // => @media (min-width: 1024px) { ... }

      'xl': '1280px',
      // => @media (min-width: 1280px) { ... }

      '2xl': '1536px',
      // => @media (min-width: 1536px) { ... }
    }
  },
  plugins: [],
};

this is how im using it

<div className="min-h-screen flex items-center justify-center bg-auth-back">

I previously loaded background with src link to each element and the shifted to this , but still it doesnt load

Build logs: src/assets/back.png referenced in /vercel/path0/Frontend/src/index.css didn’t resolve at build time, it will remain unchanged to be resolved at runtime

i have other images with same extension but that gets loaded, only this image doesnt load.