Style: in hero section before image add text Ap

src/app/globals.css

@@ -554,13 +554,3 @@ img {
 img:hover {
   filter: blur(4px);
 }
-
-/* Mass style: make all buttons background black */
-button, .button, [class*='button'], [class*='btn'] {
-  background-color: #000000;
-}
-
-/* Mass style: make all buttons background black */
-button, .button, [class*='button'], [class*='btn'] {
-  background-color: #000000;
-}

src/app/page.tsx

@@ -69,7 +69,8 @@ export default function LandingPage() {
           videoAriaLabel="Hero video"
           ariaLabel="Hero section"
         
-          className="bg-black text-white"/>
+          className="bg-black text-white"
+          imageWrapperClassName="bg-green-500 text-white p-4 rounded-lg shadow-md space-y-2"/>
       </div>
 
       <div id="problem" data-section="problem">