.zlfms-metro-gallery .zlfms_gallery {
  display: grid;
  grid-template-columns: repeat(var(--zlfms-metro-columns, 4), 1fr);
  grid-auto-rows: var(--zlfms-metro-row-height, 180px);
  gap: var(--zlfms-metro-gutter, 15px);
  width: 100%;
  aspect-ratio: auto;
}

.zlfms-metro-gallery .zlfms-gallery-item {
  position: relative;
  overflow: hidden;
}

.zlfms-metro-gallery .zlfms-gallery-img {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center center;
  position: relative;
}

.zlfms-metro-item-wide {
  grid-column: span 2;
}

.zlfms-metro-item-tall {
  grid-row: span 2;
}

.zlfms-metro-item-large {
  grid-column: span 2;
  grid-row: span 2;
}

@media (max-width: 767px) {
  .zlfms-metro-gallery .zlfms_gallery {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 480px) {
  .zlfms-metro-gallery .zlfms_gallery {
    grid-template-columns: repeat(1, 1fr);
  }
}