UI vignette following character has gaps and sliding issue

[prisma jewel]

so i'm working on a visual effect where a vignette asset follows a character/clone in a mirror; i use WorldToViewportPoint to position a circular vignette (ImageLabel) over the clone; and around it, I use 8 additional black ImageLabels to darken the rest of the screen (top, bottom, corners).
my main goal for this was to make it a black void around the player, and the clone in the middle of it, just like a lantern illuminating something and if you look around you only see darkness but where the lantern is illuminating. i tried placing 8 black imagelabels around the main vignette, resulting in a 3x3 block, and i found some issues with the black imagelabels; when rotating the camera, the outer images "slide" or desync slightly. i don't want to use parts or 3d geometry. i have no idea for any solutions for this, i've been stuck on this for atleast 2 weeks (painful

my catastrophic code is too big to send here with the correct formatting. but here it is.

[novel dome]

why not just use a billboardgui

[lunar cobalt]

so wait, is the vignette supposed to be in 2d or 3d? the clone is being parented to workspace instead of a viewportframe, i don't really understand the question

your technique sounds fine tho

basically just positioning an imagelabel with the actual transparent part at the same position on screen as a world object, then position other frames around it for the borders. that technique will probably work

[prisma jewel]

i think its working now, but i'm having some trouble making the frames stick next to each other properly, idk what's happening but it's almost working 100%