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

.card {
    width: 250px; /* Fixed width */
    height: 250px; /* Fixed height */
    overflow: hidden; /* Prevent overflow */
    border-radius: 10px; /* Rounded corners */
    transition: transform 0.2s; /* Zoom effect on hover */
}

.card img {
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    object-fit: cover; /* Maintain aspect ratio */
    border-radius: 10px; /* Rounded corners for images */
}

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