I am looking to add a special effect to my photos where they appear dimmed but highlighted when hovered over. Any guidance on how to achieve this would be greatly appreciated! The image is contained within a flexbox div that also contains a clickable link.
.box {
display: flex;
flex-direction: column;
flex-wrap: wrap;
align-content: flex-start;
}
.box img {
position: relative;
flex: 1 1 80%;
height: auto;
width: 100%;
object-fit: cover;
vertical-align: bottom;
border: 5px solid var(--light-blue);
transition: all 0.25s ease-in-out;
background-color: rgba(214, 214, 214, 0.65);
}
.box img a {
}