Image expand on hover

Hi guys, so I’ve been trying to do a particular look on my portfolio site with not much luck:

I have a projects page where each project is represented by a full width image strip and on click I need the mask on the image to expand vertically so it takes up the full height (vh) of the screen and then a video is revealed that can be played. There would also be a small ‘X’ in the corner to then reverse the image reveal and that takes us back to the image strips on the project page.
Any help would be great;y appreciated

Thanks


Here is my site Read-Only: LINK
(how to share your site Read-Only link)