Responsive Design using Flexbox

I will appreciate any feedback! I like the responsive design in this challenge. However, I would like to know, what the best way is to give a grayscale image a color shade (purple). I solved the problem by wrapping the image in a div with the desired color as the background-color and decreasing the opacity of the image itself. Is there an easier way to do this, or is my solution best practice?