.card {
    width: 300px; /* Fixed card width */
    height: 400px; /* Fixed card height */
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    overflow: hidden;
    border: 1px solid #ddd; /* Optional styling */
    border-radius: 8px; /* Optional rounded corners */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Optional shadow effect */
}

.card img {
    width: 100%; /* Ensure the image fits the card's width */
    height: auto; /* Maintain aspect ratio */
    max-height: 70%; /* Limit image height */
    object-fit: cover; /* Crop the image if necessary */
}

.card-body {
    padding: 10px; /* Add spacing inside the card body */
    text-align: center; /* Center-align the text */
}

.btn {
    margin-top: 10px; /* Add spacing between buttons and content */
    margin-bottom: 10px;
}


.row {
    display: flex;
}