An array of images to be rendered

images.js

const images = [
  {
    id: 1,
    image: 'https://lorempixel.com/200/300/abstract/3',
    size: {
      width: 200,
      height: 300,
    }
  },
  {
    id: 2,
    image: 'https://lorempixel.com/250/320/abstract/1',
    size: {
      width: 230,
      height: 300,
    }
  },
  {
    id: 3,
    image: 'https://lorempixel.com/210/300/abstract/9',
    size: {
      width: 210,
      height: 300,
    }
  },
  {
    id: 4,
    image: 'https://lorempixel.com/240/300/nightlife/1',
    size: {
      width: 240,
      height: 300,
    }
  },
  {
    id: 5,
    image: 'https://picsum.photos/265/300/?random',
    size: {
      width: 265,
      height: 300,
    }
  },
  {
    id: 6,
    image: 'https://lorempixel.com/255/300/technics',
    size: {
      width: 255,
      height: 300,
    }
  },
  {
    id: 7,
    image: 'https://lorempixel.com/210/300/sports/9',
    size: {
      width: 250,
      height: 300,
    }
  },
  {
    id: 8,
    image: 'https://picsum.photos/260/300/?random',
    size: {
      width: 260,
      height: 300,
    }
  },
];

export default images;