Images in my laravel mix vue site are loading but not showing

Im using vue3 with laravel mix. I added images in public/media folder, but when I use it on vue its not showing on the site. When I open network tab its loading with status 200 and when I hover over the link it shows image.

Here is the code

<div class="xl:ml-auto xl:mr-0 xl:max-w-[512px] xxs:mx-auto lg:order-1 xl:order-2">
    <img :src="profilePicture" alt="ponaravind" width="900px" height="900px">
</div>

data () {
    return {
      jobPosition: [
        'Web Application Developer.',
        'System Engineer.',
        'Professional Coder.'
      ],
      profilePicture: '/media/default-user.png'
    }
},

The image is loading but not showing