From bebf2f4c1d1edfc78adf757c0f6d3fe5e288a727 Mon Sep 17 00:00:00 2001
From: kudindmitriy <kudin.dima@gmail.com>
Date: Fri, 27 Feb 2026 00:06:19 +0200
Subject: [PATCH] Bob AI: Add a video as the background for the about us
 section (Medi

---
 src/components/sections/about/MediaAbout.tsx | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/components/sections/about/MediaAbout.tsx b/src/components/sections/about/MediaAbout.tsx
index fc3a644..99e3d43 100644
--- a/src/components/sections/about/MediaAbout.tsx
+++ b/src/components/sections/about/MediaAbout.tsx
@@ -1,6 +1,5 @@
 "use client";
 
-
 import MediaContent from "@/components/shared/MediaContent";
 import TextBox from "@/components/Textbox";
 import { cls } from "@/lib/utils";
@@ -31,6 +30,8 @@ interface MediaAboutProps {
     buttonTextClassName?: string;
     mediaWrapperClassName?: string;
     mediaClassName?: string;
+    backgroundVideoSrc?: string;
+    backgroundVideoAriaLabel?: string;
 }
 
 const MediaAbout = ({
@@ -57,11 +58,15 @@ const MediaAbout = ({
     buttonTextClassName = "",
     mediaWrapperClassName = "",
     mediaClassName = "",
+    backgroundVideoSrc,
+    backgroundVideoAriaLabel,
 }: MediaAboutProps) => {
 
     return (
         <section
             aria-label={ariaLabel}
+            style={backgroundVideoSrc ? { position: "relative" } : undefined}
+            className={cls("relative", backgroundVideoSrc && "overflow-hidden")}
             className={cls("relative py-20 w-full", useInvertedBackground && "bg-foreground", className)}
         >
             <div className={cls("relative w-content-width mx-auto aspect-auto min-h-70 md:aspect-video md:min-h-0 rounded-theme-capped overflow-hidden", mediaWrapperClassName)}>
-- 
2.49.1