.games-box {
    height: 700px;
    width: 700px;
    grid-row: 3;
    grid-column: 5;
    background: rgba(15, 23, 41, 0.8) 48%;
    box-shadow: 2px 2px 8px 1px rgb(0, 0, 0);
    padding: 20px;
    border-radius: 16px;
    color: #fff;
}

.list-games {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 1rem;
    width: 100%;
    margin-top: 3rem;
}
.cards-games {
    width: 120px;
    height: 120px;
    border-radius: 10px;
    overflow: hidden;
    transition: box-shadow 0.3s ease, transform 0.3s ease;
    cursor: pointer;
}

    .cards-games:hover {
        box-shadow: 0 0 20px var(--primary-red), 0 0 40px var(--primary-red);
        transform: translateY(-4px);
    }

        .cards-games:hover img {
            transform: scale(1.08);
        }

    .cards-games img {
        width: 100%;
        height: 100%;
        object-fit: fill;
        border-radius: 5px;
        transition: transform 0.4s ease;
    }