.masonry {
    column-count: auto; /* Adjusts dynamically */
    column-width: 300px; /* Ensures images are 300px wide */
    column-gap: 15px;
}

.masonry img {
    width: 100%; /* Ensures images fill column width */
    margin-bottom: 15px; /* Adds spacing between images */
    border-radius: 3px;
    display: block;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease;
}
.masonry img:hover {
    transform: scale(1.05);
  }