.masonry-grid {
  -moz-column-count: 3;
       column-count: 3;
  -moz-column-gap: 20px;
       column-gap: 20px;
  margin: 30px 0;
}
.masonry-item {
  -moz-column-break-inside: avoid;
       break-inside: avoid;
  margin-bottom: 20px;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 4px 12px rgba(0,0,0,0.1);
  transition: transform 0.3s ease;
}
.masonry-item:hover {
  transform: translateY(-5px);
}
.masonry-img {
  width: 100%;
  height: auto;
  display: block;
}
.masonry-caption {
  padding: 12px;
  background: white;
  font-size: 0.9rem;
  color: #666;
}
@media (max-width: 768px) {
.masonry-grid { -moz-column-count: 2; column-count: 2;
}
}
@media (max-width: 480px) {
.masonry-grid { -moz-column-count: 1; column-count: 1;
}
}