How to play a video that is under an image

I have a video and an image. The image layer has to sit on top the video player to give it a nice border and visual overlay.

Because the image is on top the video you are unable to click to play the video!

I have tried pointer-events:none to the image but it doesn't work as intended:

//image//

#block-yui_3_17_2_1_1710853880296_59055{
  pointer-events:none!important;}

//video//

#block-yui_3_17_2_1_1710853880296_61979{
  pointer-events:auto!important;}

Any thoughts?? There's got to be a way to click through the image to play the video!

Thanks in advance!!

https://www.missjessliteracy.com/kidscourse

password55

If you use Business Plan/higher, we can use JS to make it click.

But you can also consider make video autoplay/loop

What do you think?

Or use this CSS code, but it has a laggy

.fe-block-yui_3_17_2_1_1710853880296_59055:hover+div {
    position: relative;
    z-index: 99999 !important;
}