This was a very good challenge for practicing flexbox and positioning, however I was a bit unprepared for the active states required. The view icon appearing when hovering over the image gave me quite some trouble, but I believe I have come up with a good solution. I tried two different ways, having the image be in the background or positioning the <div> with the icon over top of the image. I ended up positioning the elements over one another. I am unsure if this is the preferred way to go about this, but it seems to work just fine.
Once again, any feedback or useful tips are very appreciated!