Fixes image

Author: mrmrs

apps/docs/components/examples/BackgroundBlendModePreview.tsx

@@ -36,7 +36,7 @@ export function BackgroundBlendModePreview() {
           }}>
           <styled.div styles={styles} style={{ 
             backgroundColor: '#6465ff',
-            backgroundImage: 'url(https://source.unsplash.com/random)',
+            backgroundImage: 'url(https://dlu344star2bj.cloudfront.net/i/3090-0015.jpg)',
             backgroundSize: 'cover',
             height: '100%',
             width: '100%',

apps/docs/components/examples/BackgroundImageColorBlendPreview.tsx

@@ -34,7 +34,7 @@ export function BackgroundImageBlendModePreview() {
           }}>
           <styled.div styles={styles} style={{ 
             backgroundColor: '#6465ff',
-            backgroundImage: 'url(https://source.unsplash.com/random)',
+            backgroundImage: 'url(https://dlu344star2bj.cloudfront.net/i/3090-0015.jpg)',
             backgroundSize: 'cover',
             height: '100%',
             width: '100%',

apps/docs/components/examples/BoxShadowPreview.tsx

@@ -45,7 +45,7 @@ export function BoxShadowPreview() {
                 display: 'flex', 
                 alignItems: 'center', 
                 justifyContent: 'center', 
-                backgroundImage: 'url(https://source.unsplash.com/random/1920x1080)',
+                backgroundImage: 'url(https://dlu344star2bj.cloudfront.net/i/3090-0015.jpg)',
                 backgroundSize: 'cover',
                 backgroundPosition: 'center center',
                 transition: 'all .2s ease-in-out',

apps/docs/components/examples/CardPreview.tsx

@@ -10,7 +10,7 @@ export const CardPreview = () => {
     <>
       <div>
         <styled.a styles={styles}>
-          <img src='https://source.unsplash.com/random' />
+          <img src='https://dlu344star2bj.cloudfront.net/i/3090-0015.jpg' />
           <h1>Heading</h1>
           <p>Body text</p>
         </styled.a>

apps/docs/components/examples/FilterPreview.tsx

@@ -37,7 +37,7 @@ export function FilterPreview() {
           mb: 3,
           }}>
           <styled.div styles={styles}>
-            <img src='https://source.unsplash.com/random' sx={{display: 'block', width: '100%', }}/>
+            <img src='https://dlu344star2bj.cloudfront.net/i/3090-0015.jpg' sx={{display: 'block', width: '100%', }}/>
           </styled.div>
         </section>
         <Editor styles={styles} onChange={setStyles} theme={defaultTheme}>

apps/docs/components/examples/MixBlendModePreview.tsx

@@ -36,7 +36,7 @@ export function MixBlendModePreview() {
           }}>
           <div sx={{
             backgroundColor: '#6465ff',
-            backgroundImage: 'url(https://source.unsplash.com/random)',
+            backgroundImage: 'url(https://dlu344star2bj.cloudfront.net/i/3090-0015.jpg)',
             backgroundSize: 'cover',
             height: '100%',
             width: '100%',

apps/docs/components/examples/OpacityPreview.tsx

@@ -36,7 +36,7 @@ export function OpacityPreview() {
           }}>
           <styled.div styles={styles} style={{ 
             backgroundColor: '#6465ff',
-            backgroundImage: 'url(https://source.unsplash.com/random)',
+            backgroundImage: 'url(https://dlu344star2bj.cloudfront.net/i/3090-0015.jpg)',
             backgroundSize: 'cover',
             height: '100%',
             width: '100%',

apps/docs/components/examples/TransitionPreview.tsx

@@ -60,7 +60,7 @@ export function TransitionPreview() {
               alignItems: 'center',
               justifyContent: 'center',
               backgroundImage:
-                'url(https://source.unsplash.com/random/1920x1080)',
+                'url(https://dlu344star2bj.cloudfront.net/i/3090-0015.jpg)',
               backgroundSize: 'cover',
               backgroundPosition: 'center center',
               transition: 'all .2s ease-in-out',

apps/docs/data/initial-html-editor-data.ts

@@ -148,7 +148,7 @@ export const initialValue: any = {
         {
           tagName: 'img',
           attributes: {
-            src: 'https://source.unsplash.com/random/1920x1280',
+            src: 'https://dlu344star2bj.cloudfront.net/i/3090-0015.jpg',
             title: 'Image - <img />',
           },
           style: {

apps/docs/data/initial-styles-align-content-preview.ts

@@ -50,7 +50,7 @@ export const initialStyles: any = {
   borderImageSource: [
     {
       type: 'url',
-      arguments: ['https://source.unsplash.com/random'],
+      arguments: ['https://dlu344star2bj.cloudfront.net/i/3090-0015.jpg'],
     },
   ],
   padding: {