feat: Make carousel images smaller

Merge version_10_1778179084910 into main

src/components/sections/hero/HeroBillboardCarousel.tsx

@@ -56,7 +56,7 @@ const HeroBillboardCarousel = ({
       <div className="w-content-width mx-auto overflow-hidden mask-fade-x">
         <div className="flex w-max animate-marquee-horizontal" style={{ animationDuration: "60s" }}>
           {duplicated.map((item, i) => (
-            <div key={i} className="shrink-0 w-60 md:w-75 2xl:w-80 aspect-4/5 mr-3 md:mr-5 p-1.5 card rounded-lg overflow-hidden">
+            <div key={i} className="shrink-0 w-40 md:w-50 2xl:w-60 aspect-4/5 mr-3 md:mr-5 p-1.5 card rounded-lg overflow-hidden">
               <ImageOrVideo
                 imageSrc={item.imageSrc}
                 videoSrc={item.videoSrc}

src/index.css

@@ -138,6 +138,7 @@ body {
   background-color: var(--background);
   color: var(--foreground);
   font-family: '${montserrat.variable} ${inter.variable}', sans-serif;
+  font-weight: 500;
   position: relative;
   min-height: 100vh;
   overscroll-behavior: none;