hitmorecode• 6,230
@hitmorecode
Posted
The images for desktop and mobile are not showing. That's because the image path is not correct.
.image-col {
position: relative;
background-image: url(images/image-header-desktop.jpg); /* change to this */
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.image-col::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: hsl(276, 55%, 38%);
opacity: 0.75; /* play with the opacity until you get what you want */
mix-blend-mode: multiply; /* add this line to blend the overlay and the image */
}
Marked as helpful
0