update

src/App.tsx

@@ -1,5 +1,4 @@
 import { useEffect, useState } from 'react'
-import './App.css'
 import { Video } from './Video'
 import { start } from './lib/start'
 
@@ -27,10 +26,10 @@ function App() {
 
   return (
     <div>
-      <div className='grid grid-cols-3'>
+      <div className='grid grid-cols-3 bg-slate-900 aspect-video'>
         {mediaStreams.map((stream, index) => (
-          <div key={`medistream-${index}`} onClick={handleClick(index)}>
-            <Video mediaStream={stream} index={index} focused={focusedIndex === index} />
+          <div key={`medistream-${index}`} className={`relative ${focusedIndex === index ? 'z-50' : ''}`}>
+            <Video mediaStream={stream} index={index} focused={focusedIndex === index} onClick={handleClick(index)} />
           </div>
         ))}
       </div>