I have images under my public folder. I can see all images in the development but there is a problem in deployment. The path works well in the static rendered pages and I can see my images. However, my images are not displaying in the dynamic rendered pages. How can I solve this problem? My next.js version is +13.

I updated my nex.config.js folder like that: enter image description here

My folder structure is like that: enter image description here

I can not access the images in the deployment from credit-card class: