Submitted
EDITS: Max-width of the card container lowered from 63.75rem to 30rem for mobile screen sizes
A margin of 1.5rem is applied to the main element.
Mix-blend-mode is applied to the image and opacity of 0.75.
Thanks @solracss !!
Thank you for checking out my solution to this challenge. I believe some areas need to be refractored in order to have a smoother transition between mobile and desktop versions.
I am not sure I am on the right path to properly setting the color overlay to the image.
Always looking for new knowledge regarding best practices and accessibility.