Observations:
There are two images provided for this project. One for the desktop and the other for the mobile viewport.
You could easily switch between the two images using media query or picture
and srcset
combination.
Also the background-color
applied on the image is a bit off because you just simply reduced the opacity
of the background-color
. To fix that you can blend the color of the background
into the img
color using background-blend-mode: multiply
.
Hope this helps.
Marked as helpful
@Nrotsa
Posted
@Call4julius I know about this, I just need to check how exactly it can be done. But I didn't know about this: background-blend-mode: multiply. Which is very helpful. Thank you