.image-container {
    width: 100%;
    height: 256px;
    position: relative;
}

.image-container img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    mask-image: linear-gradient(to bottom, transparent 0%, black 100%);
}

.image-container:hover img { 
    cursor: pointer;
}