diff --git a/public/assests/Events/innovative.png b/public/assests/Events/innovative.png
index 77d25c8..bc518ce 100644
Binary files a/public/assests/Events/innovative.png and b/public/assests/Events/innovative.png differ
diff --git a/public/assests/Events/sharks.png b/public/assests/Events/sharks.png
index 261fae9..3b6a235 100644
Binary files a/public/assests/Events/sharks.png and b/public/assests/Events/sharks.png differ
diff --git a/src/App.jsx b/src/App.jsx
index 16c78f0..5a0769a 100644
--- a/src/App.jsx
+++ b/src/App.jsx
@@ -25,10 +25,10 @@ const App = () => {
         <NavBar/>
         <Home/>
         <About />
-        <Event />
+        {/* <Event /> */}
         {/* <Team /> */}
         {/* <Sponsor /> */}
-        <Signup/>
+        {/* <Signup/> */}
         <Glimpse />
         <Footer />
     </div>
diff --git a/src/components/Cart/cart.txt b/src/components/Cart/cart.txt
new file mode 100644
index 0000000..8b13789
--- /dev/null
+++ b/src/components/Cart/cart.txt
@@ -0,0 +1 @@
+
diff --git a/src/components/Events/Event.css b/src/components/Events/Event.css
index 5da1559..ce863e6 100644
--- a/src/components/Events/Event.css
+++ b/src/components/Events/Event.css
@@ -10,6 +10,17 @@
     /* height: fit-content; */
     filter: drop-shadow(5px 5px 10px rgba(172, 112, 255, 0.33));  
 }
+.Events{
+    background: url('../../assets/bgprakarsh.png');
+    height: fit-content;
+    /* width: 100vw; */
+    /* overflow: hidden; */
+    /* background-size: contain; */
+    background-repeat: no-repeat;
+    /* position: relative; */
+    /* min-width: 2000px; */
+    z-index:0;
+}
 .bg{
     margin: 15px;
     
diff --git a/src/components/Events/Event.jsx b/src/components/Events/Event.jsx
index c606001..144e627 100644
--- a/src/components/Events/Event.jsx
+++ b/src/components/Events/Event.jsx
@@ -2,6 +2,7 @@ import React from 'react'
 import './Event.css'
 import { EventCard } from './EventCard'
 import { Row, Col } from "react-bootstrap";
+import bg from '../../assets/bgprakarsh.png';
 
 function Event() {
   const event = [
@@ -61,7 +62,9 @@ function Event() {
     },
   ];
   return(
-    <section className="Events container" id="event">
+    
+    <section className="container" id="event">
+
       <div className="heading head mx-auto d-flex align-items-center justify-content-center">
           <h2
             className="abouthead "
@@ -73,7 +76,7 @@ function Event() {
             Events
           </h2>
           <h2 className="front-text mx-auto">Events</h2>
-        </div>
+        </div>  
     <Row>
       
       {event.map((members) => (
@@ -89,8 +92,7 @@ function Event() {
             </Col>
           ))}
     </Row>
-          
-
+    
     </section>
   );