When i open live server the my image shows perfectly in html and css but when i open it without live servers the pictures dosn't show

I am using Visual Studio Code and when I open my code using live server it will work fine but when I open it through index.html then the pictures won't show. Please Help

HTML

<div class="about-img">
      <img src="/uploads/about_04.jpg" alt="" style="width: 100%;" />
</div>`

CSS

.about-img {
    display: block;
    float: right;
    width: 45%;
    margin-top: -60px;
    margin-right: 40px;
    margin-bottom: 300px;
    box-shadow: 20px 20px 5px black;
}