body > div.wrapper > main > div > h1 {
    text-align: center;
}

#main-grid > div > div > div > div {
    width: 18rem;
    min-height: 25rem;
    max-width: 25rem;
    overflow-x: auto;
}
body > div.wrapper > main > div > div > div {
    align-items: center;
}

body > div.wrapper > main > div > div > div > img {
    max-width: 200px;
    max-height: 200px;
}

/* Align items in cards */
#main-grid > div > div > div > div > img {
    text-align: center;
}
#main-grid > div > div > div > div > div:nth-child(2) > h5 {
    text-align: center;
}
#main-grid > div > div > div > div > div:nth-child(4) {
    text-align: center;
}