@MaxTarasevich
Posted
Hi Anthony!
You can easily solve your problem by setting the property background-color as rgba(0, 255, 247, 0.65);.
The opacity property when hovering over the .Card Image _wrapper block should be 1, respectively.
.Card_image__wrapper__MClPi:hover .Card_overlay__3i7Lc {
opacity: 1.0;
}
You can't make the value of the opacity property of a child element greater than that of the parent element. Less - you can, no more!
Also add a display: block property to the image, as it has a smaller height than the parent, and it's noticeable on hover!
.Card_image__sWcC9 {
display: block;
}
I hope my feedback was helpful!
Marked as helpful