hitmorecode• 6,230
@hitmorecode
Posted
Congratulations well done. It seems you didn't get the image overlay. This is how you can fix it
/* add this to the css to make the overlay work */
picture {
position: relative;
}
picture::before {
content: "";
width: 100%;
height: 100%;
background-color: #aa5cdb;
position: absolute;
top: 0;
right: 0;
mix-blend-mode: multiply;
opacity: 0.9;
}
/* you can remove this */
/* img {
filter: opacity(0.5) drop-shadow(0 0 hsl(277, 64%, 61%));
height: 100%;
object-fit: cover;
} */
Marked as helpful
1