add background for campus leader (#131)

Author: Abhishek-kumar09

.vscode/settings.json

@@ -1,2 +1 @@
-{
-}
+{}

public/static/images/backs/cl.png

@@ -52,9 +52,10 @@ function Hero({
         <div
           className={clsx(classes.root, className)}
           style={{
-            backgroundImage: `url(${backgroundImage})`,
+            backgroundImage: `${backgroundImage}`,
             backgroundSize: 'cover',
-            backgroundRepeat: 'no-repeat'
+            backgroundRepeat: 'no-repeat',
+            backgroundPositionY: 'center'
           }}
           {...rest}
         >

src/components/Hero/HeroWithOneButton.js

@@ -9,7 +9,7 @@ function Hero({ className, ...rest }) {
       title="Campus Leader"
       subtitle="Stand Up and fight for the Cause with the Code For Cause"
       className
-      backgroundImage="/static/campusLeaders/hero.png"
+      backgroundImage="linear-gradient(270.25deg, #180255 0.25%, rgba(0, 0, 0, 0.8) 48.47%, #000000 97.54%), url(/static/images/backs/cl.png)"
       component={<ApplyNowModal />}
     />
   );