diff --git a/app/components/FeatureHero/FeatureHero.tsx b/app/components/FeatureHero/FeatureHero.tsx
index abb4030..ff1fa80 100644
--- a/app/components/FeatureHero/FeatureHero.tsx
+++ b/app/components/FeatureHero/FeatureHero.tsx
@@ -1,4 +1,4 @@
-"use client"
+'use client'
 
 import { HTMLAttributes } from 'react';
 import { Container } from '../Container';
@@ -6,7 +6,7 @@ import { FlexBox } from '../FlexBox';
 // import * as styles from './FeatureHero.styles';
 import Image from 'next/image';
 import ShapeA from '../images/shape-a';
-import { motion, useScroll, useTransform } from "framer-motion";
+import { motion, useScroll, useTransform } from 'framer-motion';
 
 type FeatureHeroProps = HTMLAttributes<HTMLDivElement> & {
   children: React.ReactNode;
@@ -23,30 +23,30 @@ export const FeatureHero = ({
 
   return (
     <FlexBox {...props} as="section" alignItems="start" justifyContent="between" className="flex-col bg-soe-black">
-    <Container width="full" className='order-last flex flex-col rs-p-9 *:text-white z-50 lg:max-w-[50%] *:font-dm-sans bg-soe-black lg:bg-transparent'>
-      {children}
-    </Container>
-    <div className="relative aspect-[16/9] lg:aspect-auto w-full bg-cool-grey lg:absolute lg:top-0 lg:h-full overflow-hidden z-10">
-      <Image className="absolute top-0 left-0 lg:left-[300px] z-0"
-        alt=""
-        src={`soe-centennial-nextjs/assets/images/Hawa-Racine-Thiam.jpg`}
-        width={0}
-        height={0}
-        sizes="100vw"
-        style={{ width: '120%', height: 'auto' }} />
-      <motion.div className="absolute w-full h-full top-0 left-0 z-10" style={{ opacity }} >
-        <div className="w-full h-full bg-plum-dark absolute top-0 left-0 z-10" />
-        <ShapeA className="absolute bottom-10 left-10 lg:left-[300px] z-20 *:stroke-plum" height={1200} />
-      </motion.div>
-      <div className='absolute top-0 left-0 bg-transparent lg:bg-feature-gradient-rl bg-feature-gradient-bt w-full h-full z-50' />
-      <Image className="absolute top-0 left-0 lg:left-[300px] z-20"
-        alt=""
-        src={`soe-centennial-nextjs/assets/images/Hawa-Racine-Thiam_silhouette.png`}
-        width={0}
-        height={0}
-        sizes="100vw"
-        style={{ width: '120%', height: 'auto' }} />
-      <div className='absolute top-0 left-0 bg-feature-gradient-bt w-full h-full z-50' />
-    </div>
-  </FlexBox>
+      <Container width="full" className='order-last flex flex-col rs-p-9 *:text-white z-50 lg:max-w-[50%] *:font-dm-sans bg-soe-black lg:bg-transparent'>
+        {children}
+      </Container>
+      <div className="relative aspect-[16/9] lg:aspect-auto w-full bg-cool-grey lg:absolute lg:top-0 lg:h-full overflow-hidden z-10">
+        <Image className="absolute top-0 left-0 lg:left-[300px] z-0"
+          alt=""
+          src={`soe-centennial-nextjs/assets/images/Hawa-Racine-Thiam.jpg`}
+          width={0}
+          height={0}
+          sizes="100vw"
+          style={{ width: '100%', height: 'auto' }} />
+        <motion.div className="absolute w-full h-full top-0 left-0 z-10" style={{ opacity }} >
+          <div className="w-full h-full bg-plum-dark absolute top-0 left-0 z-10" />
+          <ShapeA className="absolute bottom-10 left-10 lg:left-[300px] z-20 *:stroke-plum" height={1200} />
+        </motion.div>
+        <div className='absolute top-0 left-0 bg-transparent lg:bg-feature-gradient-rl bg-feature-gradient-bt w-full h-full z-50' />
+        <Image className="absolute top-0 left-0 lg:left-[300px] z-20"
+          alt=""
+          src={`soe-centennial-nextjs/assets/images/Hawa-Racine-Thiam_silhouette.png`}
+          width={0}
+          height={0}
+          sizes="100vw"
+          style={{ width: '100%', height: 'auto' }} />
+        <div className='absolute top-0 left-0 bg-feature-gradient-bt w-full h-full z-50' />
+      </div>
+    </FlexBox>
 )};