about section

src/components/about/About.css

@@ -9,12 +9,13 @@
 }
 
 .about-image img {
-  width: 400px; /* Adjust the image size as needed */
+  width: 300px; /* Adjust the image size as needed */
   max-width: 100%; /* Ensure the image stays within its container */
   border-radius: 8px;
   box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
   transition: 0.5s ease; /* Add transition for hover effect */
   margin-bottom: 40px;
+  margin: 20px;
 }
 
 .about-image:hover img {

src/components/about/About.jsx

@@ -1,5 +1,7 @@
 import React from "react";
 import aboutSvg from "../../assets/images/about.svg";
+import CClogo from "../../assets/images/codechef-logo.jpg"
+import Elixerlogo from "../../assets/images/Elixer.jpeg"
 import "./About.css";
 
 export default function About() {
@@ -19,7 +21,7 @@ export default function About() {
       </div>
       <div id="wrapper" className="participation-rules">
         <div className="about-image">
-          <img src={aboutSvg} alt="About Us" />
+          <img src={CClogo} alt="About Us" />
         </div>
         <div className="points-container">
           <ul className="rules-list">
@@ -39,6 +41,28 @@ export default function About() {
           </ul>
         </div>
       </div>
+
+
+      <div id="wrapper" className="participation-rules">
+        <div className="points-container">
+          <ul className="rules-list">
+            <p classname="about">
+            Elixir aces as an unparalleled community consisting of the greatest 
+            minds of our college. It has people ranging from tech domains to non-tech
+            sectors, all of whom are competent in their respective areas and strive
+            together to make Elixir an astounding entity. With the perfect space to
+            learn, collaborate, and explore, you are bound to experience many
+            "Hello World" moments here. With our aim to provide our students
+            an environment that fosters self-growth, we are proud to call
+            ourselves a community FOR THE STUDENTS, BY THE STUDENTS, AND
+            OF THE STUDENTS.
+            </p>
+          </ul>
+        </div>
+        <div className="about-image">
+          <img src={Elixerlogo} alt="About Us" />
+        </div>
+      </div>
     </section>
   );
 }