I need to figure out how to add a coloured overlay to an image on hover.

CSS Grid is probably the way to go... Let's see. Nope. Couldn't get it to work, couldn't get a div to align-self. Perhaps something to do with the fact that my grid area doesn't have a fixed size? But surely place-self ought to work? I'll have to experiment in a Codepen.

But for now I turned my thinking around: gave the image a background-color, and changed the opacity of the image itself on hover 😊.