👾 Ekaterine Mitagvaria 👾• 7,600
@catherineisonline
Posted
For the image, I did something like this, I hope that helps:
<div class="image-container">
<img class="main-image" src="images/image-header-mobile.jpg" alt="">
</div>
.image-container {
display: inherit;
position: relative;
width: 100%;
border-radius: 0 10px 10px 0;
background-color: hsl(277, 64%, 61%);
}
.main-image {
width: 100%;
height: 100%;
position: relative;
background-size: cover;
border-radius: 0 10px 10px 0;
mix-blend-mode: multiply;
opacity: 0.75;
}
Marked as helpful
1
khalid sabbah• 110
@khalid-sabbah
Posted
@catherineisonline thank you for your comment , it was helpful . I will try it .
0
