@Clipzorama
Posted
If you want to get a the --soft-violet color overlay with the black and white picture, try putting the image inside of a div container and use the pseudo element ::after.
You wouldn't want to put content in here but what you can do is make this property fit the entire div container and then use mix-blend-mode, background-color and opacity. Doing this should turn the picture purple.
For next time, try to use a higher % relative unit for the div that holds all content because your design is more square-shaped when it should be a rectangle.
Marked as helpful