@AkoToSiJeromeEh
Posted
Hey ! Great work out there with regards on adding color overlay on the image you are correct by adding background-color in .background and adding opacity in img element but it does not match color as the design has , i suggest that you can use mix-blend-mode in order to achieve the color overlay same as the original design . that's all happy coding !
section .imagem img {
border-radius: 0px 10px 10px 0px;
height: 100%;
opacity: .7; // you can adjust this
object-fit: cover;
width: 100%;
mix-blend-mode: multiply; // add this
}
Marked as helpful
@Erick-SL
Posted
@AkoToSiJeromeEh Thank you, I didn't know about this property. I'm still new at this!
@AkoToSiJeromeEh
Posted
@Erick-SL np man !