How to work with img src in javascript in laravel Vite?

[TinTikls]

I don't understand this Vite documentation. My images should be in the resources folder, but the JS code still executes in the public folder. If css reads images without any problems ( background: url(../img/1.png) then JS will not do that, it wants to see that image in the public folder. And even if I write the full path to the image on the example of

$("<img />", {
   src: '../../../../img/interface/dexPodium.png',
}).appendTo(this);

It still won't see it unless I do it like this

const imgUrl = new URL('../../../../../img/interface/dexPodium.png', import.meta.url);

But, after the build, the images will be available in the public folder, so why should I write if it will be like

const imgUrl = new URL('./img/interface/dexPodium.png', import.meta.url);.

What am I doing wrong and what is the correct way for me to specify paths to images in my JS? All the answers I found are Vue related.