/* styles.css */

/* Ensures the gallery item wrapper has a fixed height for consistent rows */
.gallery-item {
    height: 350px; /* Adjust this height as needed */
    overflow: hidden;
}

/* Forces the image to cover the entire fixed-height container */
.gallery-item img {
    object-fit: cover;
    height: 100%;
    transition: transform 0.5s ease;
}

/* Optional: Add a subtle hover effect */
.gallery-item:hover img {
    transform: scale(1.05);
}