Replace Unsplash images with Lorem Picsum images

Author: dannyward630

index.html

@@ -368,7 +368,7 @@ <h1>Question the Algorithm</h1>
 
     <div class="container">
         <section>
-            <img src="https://images.unsplash.com/photo-1718775044811-8eba835f9d50?w=1200&q=80" alt="Surveillance camera with facial recognition technology tracking people at night" style="width: 100%; height: 400px; object-fit: cover; border-radius: 8px; margin-bottom: 30px;">
+            <img src="https://picsum.photos/id/203/1200/400" alt="Close-up of surveillance technology and data monitoring systems" style="width: 100%; height: 400px; object-fit: cover; border-radius: 8px; margin-bottom: 30px;">
 
             <div class="hook">
                 Your loan application was denied by an algorithm. The credit card company can't tell you exactly why. Should you trust that decision?
@@ -384,7 +384,7 @@ <h1>Question the Algorithm</h1>
         <section>
             <h2>Where the Bias Hides</h2>
 
-            <img src="https://images.unsplash.com/photo-1721485508074-3b4f78e72a70?w=1200&q=80" alt="Green binary code streaming like in the Matrix, representing data and algorithms" style="width: 100%; height: 350px; object-fit: cover; border-radius: 8px; margin-bottom: 25px;">
+            <img src="https://picsum.photos/id/0/1200/350" alt="Technology and computer systems representing algorithmic decision-making" style="width: 100%; height: 350px; object-fit: cover; border-radius: 8px; margin-bottom: 25px;">
 
             <p>When people say a decision is "data-driven," they make it sound automatic—like the computer just crunched numbers and spit out truth. But look closer at what actually happens:</p>
 
@@ -434,7 +434,7 @@ <h2>Where the Bias Hides</h2>
         <section>
             <h2>Real-World Impact</h2>
 
-            <img src="https://images.unsplash.com/photo-1714118655200-54c9f84a2c97?w=1200&q=80" alt="Person illuminated by binary code, representing humans being analyzed by algorithms" style="width: 100%; height: 350px; object-fit: cover; border-radius: 8px; margin-bottom: 30px;">
+            <img src="https://picsum.photos/id/180/1200/350" alt="Person working with technology, representing humans being analyzed by algorithmic systems" style="width: 100%; height: 350px; object-fit: cover; border-radius: 8px; margin-bottom: 30px;">
 
             <div class="example-grid">
                 <div class="example-card">
@@ -533,7 +533,7 @@ <h2>The Bottom Line</h2>
     <footer>
         <p>Created as part of a multimodal advocacy project on algorithmic transparency and data literacy.</p>
         <p style="margin-top: 10px;">Research sources: ProPublica, Stanford HAI, MIT Technology Review, Urban Institute, EPJ Data Science, Tech Policy Press</p>
-        <p style="margin-top: 10px; font-size: 0.85em;">Images: Unsplash (A Chosen Soul, Ubaid E. Alyafizi, A.C.) - Free to use under Unsplash License</p>
+        <p style="margin-top: 10px; font-size: 0.85em;">Images: Lorem Picsum (sourced from Unsplash photographers) - Free to use</p>
     </footer>
 </body>
 </html>