body {
    background-color: #f9f9f9; /* Light background for the body */
}

.card {
    width: 18rem; /* Fixed width for cards */
    margin: 10px; /* Margin around cards */
    border-radius: 10px; /* Rounded corners */
    transition: transform 0.2s; /* Zoom effect on hover */
}

.card img {
    border-radius: 10px 10px 0 0; /* Round corners for the image */
    height: 300px; /* Fixed height for images */
    object-fit: cover; /* Maintain aspect ratio */
}

.card:hover {
    transform: scale(1.05); /* Scale effect on hover */
}