HTML browser source unable to display local images

[congobongo]

I was working with a custom chat that is added to obs as a browser source. I was experimenting with the coding gradually and carefully to tune it to my liking because I didn't create the chat and also I was practically a beginner (and still am) with coding in general. I reached a point where I wanted to try and display local images. First it was as a background image in the CSS, then as part of the JS script. After some fiddling around I got each case to properly show when viewing the HTML file in my browser, but when importing into obs it doesn't display them. You can see the first instance of the problem in the first two images, and the second in the last two:​

(pardon me if the images are too large, it's my first time posting in this forum so I don't know how the decorum works that well)

​

I tried to search in the Internet and this forum, like in this post, where the problem seems to be similar, but the answers they give there haven't worked out for me. The chat is normally able to display images because they are fetched from other websites, but I don't know how to make it so the local images also work. I also fear that it may be a problem with the coding that should be answered elsewhere, but I figured that if I only encounter the problem inside obs, it has to play a major part in it.

Thanks in advance

Here's the log from the session I just opened so I could share it, just in case.

 

[Suslik V]

Local path "./my_image.png" or just "my_image.png" is expected to work fine. Path is relative to the main HTML file you have open. Does anything changed in latest OBS?

Sometimes you can find the answers in this section of the forum: https://obsproject.com/forum/list/general-development.21/