.masonry-grid {
	display: relative;
}

/* This defines the base column size */
.grid-sizer,
.grid-item {
	width: 33.333%; /* 3 columns by default */
}

.grid-item {
	margin-bottom: 10px;
}

.grid-item img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 8px;
    object-fit: cover;
    /*transition: transform 0.3s ease, box-shadow 0.3s ease;*/
}

/* Hover effect: enlarge by ~5px visually using scale */
/*.grid-item:hover img {*/
    /*transform: scale(1.035);*/ /* approximately +5px on a ~150px-wide image */
    /*box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);*/ /* optional shadow for depth */
    /*z-index: 1;*/
    /*position: relative;*/
/*}*/

/* Responsive breakpoints */
.grid-item img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 8px;
    object-fit: cover;
}

/* 3 columns at <= 1200px */
@media (max-width: 1200px) {
    .grid-sizer,
    .grid-item {
        width: 33.3333%;
    }
}

/* 2 columns at <= 768px */
@media (max-width: 768px) {
    .grid-sizer,
    .grid-item {
        width: 50%;
    }
}

/* 1 column at <= 480px */
@media (max-width: 480px) {
    .grid-sizer,
    .grid-item {
        width: 100%;
    }
}