Responsive component with active states

Hi all.

I've had this challenge sitting in my active challenges for weeks now, so I decided to get it done. I found the overlay on the main image to be quite difficult! This is the first time that I have used ::before and ::after pseudo-elements, and I can think of a few other challenges I have already done which would have been much easier having already known these.