.gamerow {
    display: flex;
    flex-wrap: wrap;
}

.game {
    height: 400px;
    width: 250px;
    background-position: center;
    border-radius: 10px;
    margin: 10px;
    position: relative;
}

.details {
    background: #000000a1;
    color: #fff;
    padding: 5px;
    position: absolute;
    bottom: 0px;
    width: 96%;
    border-radius: 10px;
    opacity: 0%;
    transition: opacity .5s;
}

.details h3 {
    color: #fff;
}

.game:hover .details {
    opacity: 100%;
}

@media (max-width: 800px) {
    
    .game {
        margin: auto;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .details {
        opacity: 100%;
    }
}