Remove README image

Author: Zadri415

Wireframe/index.html

@@ -14,7 +14,7 @@ <h1>Project Essentials Explained</h1>
 
     <main>
       <article>
-        <img class="readme-img" src="https://media.geeksforgeeks.org/wp-content/uploads/20240702120959/Readme1.png" alt="Example of a README file layout" />
+        <img src="placeholder.svg" alt="" />
         <h2>What is a README file?</h2>
         <p>
           A README file is an essential component of many software projects, especially those hosted on platforms like GitHub.
@@ -23,7 +23,7 @@ <h2>What is a README file?</h2>
       </article>
 
       <article>
-        <img src="https://balsamiq.com/assets/learn/articles/wireframe-example-plain.png" alt="Wireframe layout for a webpage" />
+        <img src="placeholder.svg" alt="" />
         <h2>What is a Wireframe?</h2>
         <p>
           A wireframe is a visual blueprint of a website or application's layout, focusing on structure and functionality without the distraction of design elements like colors or images. It helps teams plan the user interface and user experience effectively before development begins.
@@ -32,8 +32,7 @@ <h2>What is a Wireframe?</h2>
       </article>
 
       <article>
-        <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/e/e0/Git-logo.svg/240px-Git-logo.svg.png" 
-    alt="Git logo representing version control and branching" />
+        <img src="placeholder.svg" alt="" />
         <h2>What is a Branch in Git?</h2>
         <p>
           In Git, a branch is an independent line of development that allows you to work on new features or fixes without affecting the main codebase. This collaboration and parallel development, enabling multiple contributors to work simultaneously without conflicts.

Wireframe/style.css

@@ -135,11 +135,4 @@ article {
     background-color: transparent;
     display: block;
   }
-
-  .readme-img {
-    width: 100%;
-    height: 200px;
-    object-fit: contain;
-    padding: var(--space);
-  }
 }