.result_img{
    background-repeat: no-repeat;
    background-position: top center;
    background-size: contain;
}

.result_img:hover img {
    opacity: 0;
    transition: 0.7s;

}




.cards {
    display: flex;
    justify-content: space-between;
}
.card {
    padding: 0;
    background-repeat: no-repeat;
    background-size: contain;
    overflow: hidden;
    background-color: white;
    color: #00000;
}
.card .date {
    margin-top: -30px;
    font-size: 120%;
    line-height: 30px;
    text-align: center;
    color: darkslategrey;
    font-weight: bold;
    background: rgba(255, 255, 255, 0.5);
}
.card:hover img {
    margin-left: -286px;
    transition: 0.7s;
}