.card-1 {
    background-color: #e1dad3;
    font-family: "Bitter", serif;
    width: 10rem;
    margin-left: 15rem;
    margin-top: 1rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

.card-2 {
    background-color: #e1dad3;
    font-family: "Bitter", serif;
    margin-top: 1rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

.card-3 {
    background-color: #e1dad3;
    font-family: "Bitter", serif;
    margin-top: 1rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

.card-4 {
    background-color: #e1dad3;
    font-family: "Bitter", serif;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

.card-5 {
    background-color: #e1dad3;
    font-family: "Bitter", serif;
    margin-top: 1rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

.card-img {
    background-color: #e5e5e5;
    font-family: "Bitter", serif;
    padding-top: 0.35rem;
}

.credit {
    font-family: "Bitter", serif;
    margin-left: 16.5rem;
}

@media screen and (max-width: 1200px) {
    .card-1 {
        margin-left: 15rem;
    }

    .card-2 {
        margin-left: 5rem;
    }

    .card-3 {
        margin-left: 5rem;
    }
}