Expected behavior show carousel images

Actual behavior empty

Resources (screenshots, code snippets etc.)

captionsCarousel: [
    {
      img: true,
      src: '../../assets/images/crs2.png',
      alt: 'First Slide',
      caption: {
        animation: 'slideInLeft',
        title: 'Light mask',
        text: 'First text',
      },
    },
    {
      img: true,
      src: '~assets/images/crs3.png',
      caption: {
        animation: 'slideInDown',
        title: 'Strong mask',
        text: 'Second text',
      },
    },
    {
      img: true,
      src: '@/assets/images/crs4.png',
      caption: {
        animation: 'slideInRight',
        title: 'Slight mask',
        text: 'Third text',
      },

I have tried putting different paths like ../../assets, @/assets, ~assets and ~/assets and none of them works thanks