.alm-reveal {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(8, 1fr);
  grid-auto-rows: 1fr;
  grid-gap: 15px;
  height: calc(min(100vw, 1280px) * 1.3) !important;
  margin-bottom: 15px;
}
.alm-reveal .gallery-img {
  position: relative;
}
.alm-reveal .gallery-img img.bg-img {
  object-fit: cover;
  height: 100%;
  width: 100%;
}
.alm-reveal .gallery-img .zoom-icon {
  position: absolute;
  bottom: 20px;
  right: 20px;
  background-image: url("/wp-content/uploads/2023/10/Icon-zoom-out-map.svg");
  background-position: center;
  background-size: contain;
  height: 25px;
  width: 25px;
}
.alm-reveal .gallery-img:nth-child(9n+1) {
  grid-column: 1/2;
  grid-row: 1/4;
}
.alm-reveal .gallery-img:nth-child(9n+2) {
  grid-column: 2/4;
  grid-row: 1/3;
}
.alm-reveal .gallery-img:nth-child(9n+3) {
  grid-column: 2/3;
  grid-row: 3/6;
}
.alm-reveal .gallery-img:nth-child(9n+4) {
  grid-column: 3/4;
  grid-row: 3/5;
}
.alm-reveal .gallery-img:nth-child(9n+5) {
  grid-column: 1/2;
  grid-row: 4/7;
}
.alm-reveal .gallery-img:nth-child(9n+6) {
  grid-column: 3/4;
  grid-row: 5/7;
}
.alm-reveal .gallery-img:nth-child(9n+7) {
  grid-column: 2/3;
  grid-row: 6/9;
}
.alm-reveal .gallery-img:nth-child(9n+8) {
  grid-column: 1/2;
  grid-row: 7/9;
}
.alm-reveal .gallery-img:nth-child(9n+9) {
  grid-column: 3/4;
  grid-row: 7/9;
}
.alm-reveal:last-of-type:has(> :nth-child(-n+9):last-child) {
  grid-template-rows: repeat(8, 1fr);
}
.alm-reveal:last-of-type:has(> :nth-child(-n+6):last-child) {
  grid-template-rows: repeat(6, 1fr);
  height: calc(var(--halfWidthColGrid) - var(--halfWidthColGrid) / 6 * 2) !important;
}
.alm-reveal:last-of-type:has(> :nth-child(-n+4):last-child) {
  grid-template-rows: repeat(5, 1fr);
  height: calc(var(--halfWidthColGrid) - var(--halfWidthColGrid) / 5 * 2) !important;
}
.alm-reveal:last-of-type:has(> :nth-child(-n+2):last-child) {
  grid-template-rows: repeat(3, 1fr);
  height: calc(var(--halfWidthColGrid) - var(--halfWidthColGrid) / 3 * 2) !important;
}

.ajax-load-btn {
  background-color: #bccf00;
  color: var(--c-sec) !important;
  padding-left: 1rem;
  padding-right: 1rem;
  margin: 0 auto !important;
  text-transform: uppercase;
  text-align: center;
  font: 700 16px/50px "museo-sans", sans-serif;
  height: 50px;
  min-width: 208px;
  display: block;
}

@media (min-width: 550px) and (max-width: 849.98px) {
  .alm-reveal {
    grid-gap: 10px;
  }
}
@media (max-width: 549.98px) {
  .alm-reveal {
    grid-gap: 5px;
  }
}