Why my images is nextjs not showing up in production?

Hi, I just deployed my nextjs app with netlify, and everything works fine for now except the images.

Here is my website link: https://thunderous-cheesecake-04e6e8.netlify.app/

And I am importing and using images like this:

import manualImg from "../../public/manual.jpg";

            <Image src={manualImg} alt="" className="rounded" />

Hi, welcome back to the forums. Did you check your console?