body {
    margin-top: 20px;
}

.card {
    margin: 10px auto; /* Update the margin to center the card horizontally */
    max-width: 90%; /* Add a maximum width to prevent the card from occupying the full width on larger screens */
}

.card-img-top {
    max-height: 50vh;
    object-fit: contain;
    width: auto;
}

.card-body {
    text-align: center;
}

.btn {
    font-size: 1.25rem;
    padding: 0.75rem 1.5rem;
}