fix(docs): drop overflow-hidden from intro media wrappers so focus ring is not clipped

Author: waleedlatif1

apps/docs/content/docs/en/introduction/index.mdx

@@ -10,7 +10,7 @@ import { FAQ } from '@/components/ui/faq'
 
 Sim is the open-source AI workspace where teams build, deploy, and manage AI agents. Create agents visually with the workflow builder, conversationally through Mothership, or programmatically with the API. Connect AI models, databases, APIs, and 1,000+ business tools to build agents that automate real work — from chatbots and compliance agents to data pipelines and ITSM automation.
 
-<div className="mx-auto w-full overflow-hidden rounded-lg my-6">
+<div className="mx-auto w-full my-6">
   <Image
     src="/static/introduction.png"
     alt="Sim visual workflow canvas"
@@ -34,7 +34,7 @@ Transform raw data into actionable insights. Extract information from documents,
 **API Integration Workflows**  
 Orchestrate complex multi-service interactions. Create unified API endpoints, implement sophisticated business logic, and build event-driven automation systems.
 
-<div className="mx-auto w-full overflow-hidden rounded-lg my-6">
+<div className="mx-auto w-full my-6">
   <Video src="introduction/chat-workflow.mp4" width={700} height={450} />
 </div>
 
@@ -52,7 +52,7 @@ Launch workflows through multiple channels including chat interfaces, REST APIs,
 **Real-time Collaboration**  
 Enable your team to build together. Multiple users can edit workflows simultaneously with live updates and granular permission controls.
 
-<div className="mx-auto w-full overflow-hidden rounded-lg my-6">
+<div className="mx-auto w-full my-6">
   <Video src="introduction/build-workflow.mp4" width={700} height={450} />
 </div>
 
@@ -69,7 +69,7 @@ Sim provides native integrations with 1,000+ services across multiple categories
 
 For custom integrations, leverage our [MCP (Model Context Protocol) support](/mcp) to connect any external service or tool.
 
-<div className="mx-auto w-full overflow-hidden rounded-lg my-6">
+<div className="mx-auto w-full my-6">
   <Video src="introduction/integrations-sidebar.mp4" width={700} height={450} />
 </div>
 
@@ -86,7 +86,7 @@ Choose from Fast, Auto, Advanced, or Behemoth modes depending on task complexity
 
 Learn more about [Copilot capabilities](/copilot) and how to maximize productivity with AI assistance.
 
-<div className="mx-auto w-full overflow-hidden rounded-lg my-6">
+<div className="mx-auto w-full my-6">
   <Video src="introduction/copilot-workflow.mp4" width={700} height={450} />
 </div>