fix

Author: YousefED

docs/app/(home)/_components/FeatureAI.tsx

@@ -11,7 +11,7 @@ export const FeatureAI: React.FC = () => {
     toolbar: {
       type: "video",
       src: "/video/ai-select.mp4",
-      className: "object-contain px-4",
+      className: "px-4",
     },
     models: {
       type: "image",

docs/app/(home)/_components/FeatureUX.tsx

@@ -10,17 +10,15 @@ export const FeatureUX: React.FC = () => {
     components: {
       type: "video",
       src: "/video/batteries-included.mp4",
-      className: "object-cover",
     },
     ai: {
       type: "video",
       src: "/video/ai-select.mp4",
-      className: "object-contain px-4",
+      className: "px-4",
     },
     blocks: {
       type: "video",
       src: "/video/dragdrop.mp4",
-      className: "object-cover",
     },
   };
 

docs/app/(home)/_components/ui/FeatureWindow.tsx

@@ -31,7 +31,7 @@ export const FeatureWindow: React.FC<FeatureWindowProps> = ({
       <img
         src={content.src}
         alt={content.alt}
-        className={`h-full w-full object-cover ${content.className || ""}`}
+        className={`h-full w-full ${content.className || ""}`}
       />
     );
   }
@@ -58,7 +58,7 @@ export const FeatureWindow: React.FC<FeatureWindowProps> = ({
             loop
             muted
             playsInline
-            className={`h-full w-full ${content.className || "object-cover"}`}
+            className={`h-full w-full ${content.className}`}
           />
         )}
         {content.type === "code" && (