Hover effect on images only not text

Bedford template.

I’m using image blocks that have the overlap, collage, and card design applied to them.

I found this code that makes the whole thing grayscale and when you hover, it goes back to color.

However, I only want this affect to be applied on the images and not the headers, subtitles, and buttons.

.image-block {
 transition: filter .3s ease-in-out;
 filter: grayscale(100%);
}

.image-block:hover {
 filter: grayscale(0%);
} 

I figured it out. Solution below:

.image-inset {
 transition: filter .3s ease-in-out;
 filter: grayscale(100%);
}

.image-inset:hover {
 filter: grayscale(0%);
} 

The second line of the text that you wrote are wrong.You can get the write my book review idea about the other people who are working on it. Use the library of the college. You will find the best knowledge from the college.