/* Container styling */
.wrapper .list-block {
  display: flex;
  flex-wrap: wrap;
  gap: 12px; /* spacing between images */
  padding: 0;
  margin: 0;
  list-style: none;
}

/* Each list item = 1/3 of row */
.wrapper .list-block li {
  flex: 1 1 calc(33.333% - 12px); /* 3 images per row */
  display: flex;
  justify-content: center;
}

/* Image styling */
.wrapper .list-block li img {
  width: 100%;
  height: auto;
  object-fit: cover; /* ensures proper cropping if needed */
  border-radius: 8px;
}

/* RESPONSIVE BREAKPOINTS */

/* Tablet: 2 per row */
@media (max-width: 992px) {
  .wrapper .list-block li {
    flex: 1 1 calc(50% - 12px);
  }
}

/* Mobile: 1 per row */
@media (max-width: 576px) {
  .wrapper .list-block li {
    flex: 1 1 100%;
  }
}