LucVrhovnik's post in Text over Video on hover, still allowing video to be played was marked as the answer
For anyone wondering it is possible to change the CSS code to apply text over video, here is the solution I have found:
#block-b23b233133662b40a8d3 {
position: relative;
cursor: pointer;
}
#block:hover {
cursor: pointer;
}
#block::after {
content: "XX";
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font-family: Effra;
font-weight: bold;
font-size: 30px;
color: #FAF9F6;
opacity: 0;
transition: opacity 1s;
}
#block:hover::after {
opacity: 1;
}
#block:hover::after:hover {
color: #FAF9F6;
font-size: 200px;
opacity: 1;
transform: translate(-50%, -50%) rotate(20deg);
}
}