rounded-full not clipping inline video/image elements when using overflow-hidden

[vivekcodespace-arch]

As you can see the image is not rounded-full.

The cause of the problem:
It is happening due to positioning.
If I add relative to the line below, then the problem arises:

<div className=''>
  <div className='h-screen w-screen fixed'>
    <Video/>
  </div>
  <div className='relative h-screen w-screen flex flex-col'>   
    <HomeHeroText/>
    <HomeBottomText/>
  </div>
</div>