I'm trying to create a hover effect whereby the image fades out and the title appears.
When I hover over the title I completely lose the opacity effect!
I've cobbled together some code from lots of different places on this forum so it's probably super obvious where I'm going wrong.
The page url is https://damien-creagh.squarespace.com/drama-gallery
Would really appreciate some guidance.
Here's the code I'm using:
transition: opacity .7s;