.cards {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;

    margin-top: 8rem;
    row-gap: 3rem;
}

.card {
    width: 28%;
}

.card > img {
    width: 100%;
    height: 100%;

    -moz-box-shadow:0 0 15px rgba(200, 200, 200, 0.5);
    -webkit-box-shadow:0 0 15px rgba(200, 200, 200, 0.5);
    box-shadow:0 0 15px rgba(200, 200, 200, 0.5);
}

@media (max-width: 730px) {
    .card {
        width: 40%;
    }
}

@media (max-width: 500px) {
    .card {
        width: 80%;
    }
}