Update index.html - webpage layout for improved responsiveness and visuals

- Updated the layout to make the webpage dynamically adapt to different screen sizes.
- Resized and repositioned images to align with relevant content and improve readability.
- Adjusted the color scheme to better match the cybersecurity theme.
- Enhanced the structure of the HTML to ensure a modern and professional design.
- Added support for responsive elements with media queries for mobile-friendly display.
- Improved user experience by aligning images alongside text where appropriate.

Author: LuCamachoJr

index.html

@@ -55,9 +55,10 @@
         <h1>C++ Foundations: Cybersecurity and Software Development</h1>
         <p>This project highlights the intersection of cybersecurity and software development, showcasing foundational programming skills in C++ that are critical for secure coding and system-level security tools.</p>
 
-        <div class="graphic">
-            <img src="https://github.com/LuCamachoJr/cpp-objects-and-pointers/blob/master/images/cybersecuritygraphic.png?raw=true">
-        </div>
+        <div class="graphic" style="display: flex; align-items: center;">
+    <img src="https://github.com/LuCamachoJr/cpp-objects-and-pointers/blob/master/images/cybersecuritygraphic.png?raw=true" style="width: 200px; margin-right: 20px;">
+    <p>This project highlights the intersection of cybersecurity and software development, showcasing foundational programming skills in C++ that are critical for secure coding and system-level security tools.</p>
+</div>
 
         <h2>Key Features</h2>
         <ul>
@@ -75,9 +76,10 @@ <h2>Relevance to Cybersecurity</h2>
             <li>Secure coding techniques for large-scale applications</li>
         </ul>
 
-        <div class="graphic">
-            <img src="https://cdn.pixabay.com/photo/2016/11/19/14/00/code-1839406_1280.jpg" alt="Software Development Graphic">
-        </div>
+        <div class="graphic" style="display: flex; align-items: center;">
+    <img src="https://cdn.pixabay.com/photo/2016/11/19/14/00/code-1839406_1280.jpg" alt="Software Development Graphic" style="width: 200px; margin-right: 20px;">
+    <p>Understanding C++ is essential for creating secure systems and tools. This project explores concepts like buffer overflow prevention, memory safety in system-level programming, and secure coding techniques for large-scale applications.</p>
+</div>
 
         <h2>How to Run the Code</h2>
         <p>Clone the repository and compile the code using a C++ compiler:</p>