not winning

Author: AmoDinho

src/assets/about.jpg

@@ -6,11 +6,22 @@ import RedBlockButton from "../buttons/RedBlockButton"
 import RedOutlineButton from "../buttons/RedOutlineButton"
 import HeroImage from "../../images/astro.svg"
 import constants from "../../constants"
+import About from "../../assets/about.jpg"
 const Hero = () => (
   <>
     <div className="flex lg:flex-row s:flex-col text-left">
       <div className="">
-        <img src={HeroImage} alt="hero " className="lg:hidden mb-10 " />
+        <div
+          style={{
+            position: `relative`,
+            background: `url(${About})`,
+            backgroundSize: `cover`,
+            backgroundRepeat: `no-repeat`,
+            backgroundPosition: `center center`,
+            backgroundAttachment: `fixed`,
+            clipPath: `polygon(0 0, 100% 0, 100% 100%, 0 calc(20% - 5vw))`,
+          }}
+        />
         <div>
           <img
             src={HeroImage}