Can't get CSS border on TOP of browser source

[quarental]

Having a hard time getting my CSS border to display on top of my browser source. Without the feed, the border displays correctly, but when the feed is added, it overlaps and cuts off two sides. Screenshots linked.​

https://imgur.com/PWBDmha

https://imgur.com/79UXiC2

 

[MMLTech]

Having a hard time getting my CSS border to display on top of my browser source. Without the feed, the border displays correctly, but when the feed is added, it overlaps and cuts off two sides. Screenshots linked.​

https://imgur.com/PWBDmha

https://imgur.com/79UXiC2

just move the camera source below the browser source it should overlap the camera

 

[quarental]

just move the camera source below the browser source it should overlap the camera

Thanks for the reply! For more context, the browser source is VDO.ninja (phone as webcam), and I'm trying to add a border to the source using CSS.

 

[MMLTech]

Thanks for the reply! For more context, the browser source is VDO.ninja (phone as webcam), and I'm trying to add a border to the source using CSS.

Can you drop your curent css here ? It may be just some css positioning thing. Otherwise you can just do what i previously mentioned have 2 separate browser sources one for camera and one for border and overlap them.