.content {
    padding-top: 40px;
    justify-content: flex-start;
}

.games {

    .game-cover {
        cursor: url("/images/hand.png") 0 0, auto;
        display: flex;
        position: relative;
        filter: grayscale(33%);
        padding: 8px;
        border: 4px solid #FFF1E8;
        font-size: 20px;
        line-height: 44px;

        &.teaser {
            filter: grayscale(66%);
            opacity: 0.5;
            cursor: url("/images/cursor.png") 0 0, auto;
        }

        .day & {
            border-color: black;
        }

        img {
            width: 300px;
            height: 400px;
            image-rendering: pixelated;
            image-rendering: -moz-crisp-edges;
            image-rendering: crisp-edges;
        }

        .flavor {
            position: absolute;
            display: block;
            top: 0;
            left: 0;
            color: white;
            background-color: black;
            padding: 0 12px;
        }

        .caption {
            position: absolute;
            display: block;
            bottom: 0;
            right: 0;
            left: 0;
            text-align: center;
            color: black;
            padding: 4px 16px 0;
            opacity: 0.25;
        }

        &:hover {
            filter: none;

            .caption {
                opacity: 1;
                background-color: #FFF1E8;
            }
        }
    }
}

/** Mobile */
@media screen and (max-width: 600px) {
    .games {
        .game-cover {
            img {
                width: 200px;
                height: 300px;
            }
        }
    }
}