docs: update astro.config to include image domains and replace fourth image with remote URL

Author: felixicaza

docs/astro.config.ts

@@ -3,5 +3,8 @@ import { defineConfig } from 'astro/config'
 
 // https://astro.build/config
 export default defineConfig({
-  site: 'https://astro-lqip.web.app/'
+  site: 'https://astro-lqip.web.app/',
+  image: {
+    domains: ['images.pexels.com']
+  }
 })

docs/src/images/pexels-fabianwiktor-994605.jpg

@@ -9,7 +9,6 @@ import Footer from '@components/Footer.astro'
 import firstImage from '@images/pexels-fabianwiktor-3470482.jpg'
 import secondImage from '@images/pexels-fabianwiktor-3470872.jpg'
 import thirdImage from '@images/pexels-fabianwiktor-3470478.jpg'
-import fourthImage from '@images/pexels-fabianwiktor-994605.jpg'
 ---
 
 <Layout>
@@ -57,7 +56,7 @@ import fourthImage from '@images/pexels-fabianwiktor-994605.jpg'
         <div>
           <h3>LQIP SVG</h3>
           <Image
-            src={fourthImage}
+            src="https://images.pexels.com/photos/994605/pexels-photo-994605.jpeg"
             alt="A beautiful landscape with a lake and mountains 4"
             width={234}
             height={234}
@@ -101,7 +100,7 @@ import fourthImage from '@images/pexels-fabianwiktor-994605.jpg'
         <div>
           <h3>LQIP SVG size 12</h3>
           <Picture
-            src={fourthImage}
+            src="https://images.pexels.com/photos/994605/pexels-photo-994605.jpeg"
             alt="A beautiful landscape with a lake and mountains 8"
             width={234}
             height={234}