.image-container {
    display: inline-block;
    width: 200px;
    height: 200px;
    text-align: center;
}

.hover-image {
    width: 100%;
    height: 100%;
    transition: opacity 0.3s ease;
}


.image-container:hover .hover-image {
    opacity: 0.5;
}