hitmorecode• 6,230
@hitmorecode
Posted
Congratulations well done, looks good. For the overlay you can add mix-blend-mode: multiply; to mix the image and the overlay.
.image::after {
content: '';
position: absolute;
inset: 0;
display: flex;
align-items: center;
justify-content: center;
mix-blend-mode: multiply; /* add this line */
background-color: var(--clr-image-violet);
opacity: 0.8;
}
And if you lower the breakpoint you'll have a better transition from desktop to mobile
Marked as helpful
0
Unkookerinho• 460
@Unkookerinho
Posted
@hitmorecode Didn't know about mix-blend-mode, thanks!
0
