Controlling hover state position

Sure. When I hover over the square with the plane in the background, the hover state populates off to the left. I want it to populate in the center of the screen, ideally over the rest of the content. I’m beginning to think I’ll have to use an overlay instead, which is not ideal.

Is that a video behind? Well, there’s a trick like make the entire thing a component so you can control the position of the video.

You can also control it by making a separate video container at the back and change the variant on hover of those cards (which I recommend).