diff --git a/src/App.jsx b/src/App.jsx
index 16c78f0..1ef2913 100644
--- a/src/App.jsx
+++ b/src/App.jsx
@@ -28,7 +28,7 @@ const App = () => {
         <Event />
         {/* <Team /> */}
         {/* <Sponsor /> */}
-        <Signup/>
+        {/* <Signup/> */}
         <Glimpse />
         <Footer />
     </div>
diff --git a/src/components/Events/Event.css b/src/components/Events/Event.css
index f2037e3..66ecde7 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>
   );