Wells: hover effect on images more gradual?

Site URL: https://carnation-cardioid-yc95.squarespace.com

Hello everyone,

I set up a hover effect on my images, which reduces opacity once hovered. However, the change appears quite abrupt, I would like it to be more gradual/smoother.

Does anyone know a way to do it with a code?

pw: mount$%

Many thanks,

Federica

Is this a portfolio page? If so this should work in the page advanced header code injection, you can adjust the number to make the transition shorter or longer:

<style>

#projectThumbs .project:hover  .project-title {
  transition: 1.5s
}

</style>

.image-block {
    transition: opacity 1200ms ease-in-out !important;
}

Design -> custom css