fix(responsive-image): update broken image url in stories

components/shared/ResponsiveImage/ResponsiveImage.stories.tsx

@@ -12,7 +12,7 @@ export default {
 
 export const Image = {
   args: {
-    src: 'https://dummyimage.com/1920x570',
+    src: 'https://picsum.photos/1920/570?jpg',
     width: 1920,
     height: 570,
     sizes: '100vw'
@@ -21,7 +21,7 @@ export const Image = {
 
 export const ArtDirection = {
   args: {
-    src: 'https://dummyimage.com/576x540',
+    src: 'https://picsum.photos/576/570?jpg',
     width: 576,
     height: 540,
     sizes: '100vw'
@@ -30,42 +30,42 @@ export const ArtDirection = {
     <ResponsiveImage {...args}>
       <ResponsiveImage.Source
         media="xxl"
-        src="https://dummyimage.com/1920x540"
+        src="https://picsum.photos/1920/540?jpg"
         width={1920}
         height={540}
         sizes="100vw"
       />
       <ResponsiveImage.Source
         media="xl"
-        src="https://dummyimage.com/1536x540"
+        src="https://picsum.photos/1536/540?jpg"
         width={1536}
         height={540}
         sizes="100vw"
       />
       <ResponsiveImage.Source
         media="lg"
-        src="https://dummyimage.com/1280x540"
+        src="https://picsum.photos/1280/540?jpg"
         width={1280}
         height={540}
         sizes="100vw"
       />
       <ResponsiveImage.Source
         media="md"
-        src="https://dummyimage.com/1024x540"
+        src="https://picsum.photos/1024/540?jpg"
         width={1024}
         height={540}
         sizes="100vw"
       />
       <ResponsiveImage.Source
         media="sm"
-        src="https://dummyimage.com/768x540"
+        src="https://picsum.photos/768/540?jpg"
         width={768}
         height={540}
         sizes="100vw"
       />
       <ResponsiveImage.Source
         media="(min-width: 576px)"
-        src="https://dummyimage.com/640x540"
+        src="https://picsum.photos/640/540?jpg"
         width={640}
         height={540}
         sizes="100vw"