@media only screen and (min-width: 641px) {
    .discover-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .discover-card img {
        transition: transform 0.3s ease, filter 0.3s ease;
    }

    .discover-card img:hover {
        transform: scale(1.05);
        filter: brightness(1.1);
    }
}

@media only screen and (min-width: 1025px) {
    .discover-grid {
        grid-template-columns: repeat(3, 1fr);
        grid-template-areas:
            "card1 card2 card3"
            "card4 card5 card6"
            "card7 card8 .";
    }

    .discover-card:nth-child(1) { grid-area: card1; }
    .discover-card:nth-child(2) { grid-area: card2; }
    .discover-card:nth-child(3) { grid-area: card3; }
    .discover-card:nth-child(4) { grid-area: card4; }
    .discover-card:nth-child(5) { grid-area: card5; }
    .discover-card:nth-child(6) { grid-area: card6; }
    .discover-card:nth-child(7) { grid-area: card7; }
    .discover-card:nth-child(8) { grid-area: card8; }
}