Hover effect on video thumbnail

I'm looking to re-create the look from Overcoast's site (https://overcoast.com) on my client's Squarespace site. We have his videos on his site with custom thumbnails. Does anyone know a way to add effects to those custom thumbnails? Ideally, we'd like to add a "zoom' effect, but really any motion on hover would suit our purpose. His site isn't live yet, so I don't have a link.

Place on the index page with thumbnails,  in advanced header:

<style>
a.project:hover img {
    transform: rotate(-5deg) scale(1.2);
}</style>

And you might find these effects interesting:

<style>#projectThumbs .project:hover .project-title {
  transition: 1.5s
}</style>

<style>a.project img {
    filter: grayscale(0);
}
a.project:hover img {
    filter: grayscale(1);
}</style>

You can see these at work here:

https://myrandomviews.com/views-images