How to slow hover timing on jasper?

Hi I'm trying to adjust the hover timing for jasper to be slower. I don't know what css to use sadly even after inspecting the page.

I want the timings to be slower like: https://www.cynthiahedesign.com/

my current website: https://www.matthewbaltzelle.com/

any help is appreciated!

I have this code which slows up the hover transition for my site. 

<style>
  #projectThumbs .project:hover .project-title {
      transition: 2.0s ease-in-out ;
  }
</style>

<style>a.project img {
    filter: grayscale(0);
}
a.project:hover img {
   
transition: 2.0s ease-in-out ;
  }
</style>

Assuming that the images are on a portfolio or project page. This code should work for you in advanced header of the page:

<style>

a.project:hover img {
   
transition: 2.0s ease-in-out ;
  }
</style>