converted large svg to png | carousel spacing fix (#229)

Author: alanpcurrie

frontend/public/Blur-img-dark.png

@@ -210,7 +210,7 @@ const IntroComponent = () => {
         >
           <GridItem justifySelf="center">
             <Image
-              src="/intro_person_1.svg"
+              src="/intro_person_1.png"
               alt="intro_person_1"
               opacity={Number(showImages)}
               transition=".3s"
@@ -224,7 +224,7 @@ const IntroComponent = () => {
           </GridItem>
           <GridItem justifySelf="center">
             <Image
-              src="/intro_person_2.svg"
+              src="/intro_person_2.png"
               alt="intro_person_2"
               opacity={Number(showImages)}
               transition=".3s"
@@ -237,7 +237,7 @@ const IntroComponent = () => {
           </GridItem>
           <GridItem justifySelf="center">
             <Image
-              src="/intro_person_3.svg"
+              src="/intro_person_3.png"
               alt="intro_person_3"
               opacity={Number(showImages)}
               transition=".3s"
@@ -253,7 +253,7 @@ const IntroComponent = () => {
           </GridItem>
           <GridItem justifySelf="center">
             <Image
-              src="/intro_person_4.svg"
+              src="/intro_person_4.png"
               alt="intro_person_4"
               opacity={Number(showImages)}
               transition=".3s"

frontend/public/Blur-img-light.png

@@ -108,6 +108,9 @@ function Page({ children }: { children?: object }) {
               MEMEBERSHIP OPEN!
             </Text>
           </Flex>
+          <Flex>
+            {/* equal spacing hack for first and last carousel items  */}
+          </Flex>
         </HStack>
       </Marquee>
       <Stack
@@ -224,6 +227,9 @@ function Page({ children }: { children?: object }) {
               Current Status: Season 0
             </Text>
           </Flex>
+          <Flex>
+            {/* equal spacing hack for first and last carousel items  */}
+          </Flex>
         </HStack>
       </Marquee>
     </Box>