diff --git a/src/components/sections/hero/HeroBillboardTiltedCarousel.tsx b/src/components/sections/hero/HeroBillboardTiltedCarousel.tsx
index 12ec8d8..063435d 100644
--- a/src/components/sections/hero/HeroBillboardTiltedCarousel.tsx
+++ b/src/components/sections/hero/HeroBillboardTiltedCarousel.tsx
@@ -23,7 +23,7 @@ const HeroBillboardTiltedCarousel = ({
   return (
     <section
       aria-label="Hero section"
-      className="relative flex flex-col items-center justify-center gap-8 w-full min-h-svh py-25"
+      className="relative flex flex-col items-center justify-center gap-8 w-full min-h-svh py-25 bg-red-500"
     >
       <HeroBackgroundSlot />
       <div className="flex flex-col items-center gap-2 w-content-width mx-auto text-center">