@hitmorecode
Posted
Congratulations well done. The problem you have, you can fix it with mix-blend-mode: multiply;
and then play with the opacity. You should get there.
}
.image-header .cover-image {
background-color: hsl(277, 64%, 61%);
position: absolute;
width: 325px;
height: 238px;
top: 78px;
opacity: 1; ## start with 1 and play around
border-top-left-radius: 10px;
border-top-right-radius: 10px;
mix-blend-mode: multiply;
}
Marked as helpful