hitmorecode• 6,230
@hitmorecode
Posted
Well done. Just one thing that maybe you can fix. The overlay color on the picture doesn't match the one from the design. You can fix this by adding the follow
.image-container {
background-color: var(--violet); /* add this line */
}
.picture > img {
height: 220px;
border-radius: 1rem 1rem 0 0;
/* filter: invert(9%) sepia(16%) hue-rotate(227deg) saturate(1522%) */ /* remove this line */
/*contrast(100%) brightness(54%); */ /* remove this line */
mix-blend-mode: multiply; /* add this line */
opacity: 0.9; /* add this line and play with it until you get the result you want */
}
Marked as helpful
0