Add image for README, wireframe, and git branch

Author: ChinweP

Wireframe/index.html

@@ -14,7 +14,10 @@ <h1>Understanding README Files, Wireframes and Git Branches</h1>
     <main>
       <!--Top article (full-width)-->
       <article class="top-article" id="readme-article">
-        <img src="placeholder.svg" alt="Illustration of a README file" />
+        <img
+          src="https://upload.wikimedia.org/wikipedia/commons/thumb/e/e1/README-cURL_black_trimmed.png/500px-README-cURL_black_trimmed.png"
+          alt="Illustration of a README file"
+        />
         <h2>What is the purpose of a README file?</h2>
         <p>
           A README file explains what a project is about, how to use it, and any
@@ -28,7 +31,10 @@ <h2>What is the purpose of a README file?</h2>
 
       <section class="bottom-articles">
         <article id="wireframe-article">
-          <img src="placeholder.svg" alt="Example of a webpage wireframe" />
+          <img
+            src="https://careerfoundry.com/wp-content/uploads/old-blog-uploads/low-to-final.png"
+            alt="Example of a webpage wireframe"
+          />
           <h2>What is the purpose of a wireframe?</h2>
           <p>
             A wireframe is a simple layout plan that shows where content will go
@@ -43,7 +49,10 @@ <h2>What is the purpose of a wireframe?</h2>
         </article>
 
         <article id="branch-article">
-          <img src="placeholder.svg" alt="Diagram showing Git branches" />
+          <img
+            src="https://dam-cdn.atl.orangelogic.com/AssetLink/t6mv38ub0shhig70ptw2570lt8jk75v5.svg"
+            alt="Diagram showing Git branches"
+          />
           <h2>What is a branch in Git?</h2>
           <p>
             A Git baranch lets developers work on new features without affecting