.event-gallery {
  padding: 0 0 80px;
}
.event-gallery-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
}
.event-gallery-grid figure {
  margin: 0;
  overflow: hidden;
  border-radius: 8px;
  background: #f8f5ff;
}
.event-gallery-grid img {
  display: block;
  width: 100%;
  aspect-ratio: 4 / 3;
  object-fit: cover;
}
@media (max-width: 991px) {
  .event-gallery-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 575px) {
  .event-gallery-grid { grid-template-columns: 1fr; gap: 16px; }
}