.gallery {
    border: 5px solid red;
    max-height: 500px;
    overflow-y: scroll; /* Y-axis scrolling */
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; /* Ensure equal spacing */
}

.gallery img {
    width: calc(25% - 10px); /* Four images per row with equal margins */
    margin: 5px;
    border: 2px solid #fff;
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
    transition: transform 0.2s;
    display: inline-block; /* Make sure images are inline-block */
}

.gallery img:hover {
    transform: scale(1.05);
}