.px-imagewall {
  container-type: inline-size;
  max-width: var(--maxWidth);
  margin: 0 auto;
  width: var(--baseWidth);
}
.px-imagewall-inner {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(calc(25% - (3 * 30px / 4)), 1fr));
  gap: 30px;
}
@container (width <=1024px) {
  .px-imagewall-inner {
    grid-template-columns: repeat(auto-fit, minmax(calc(100% / 3 - (2 * 30px / 3)), 1fr));
  }
}
.px-imagewall-inner.cols-3 {
  grid-template-columns: repeat(auto-fit, minmax(calc(33.333% - (2 * 30px / 3)), 1fr));
}
@container (width <=960px) {
  .px-imagewall-inner.cols-4, .px-imagewall-inner.cols-3 {
    grid-template-columns: repeat(auto-fit, minmax(calc(100% / 2 - (30px / 2)), 1fr));
  }
}
@container (width <=640px) {
  .px-imagewall-inner.cols-4, .px-imagewall-inner.cols-3 {
    grid-template-columns: auto;
  }
}
.px-imagewall-inner .item {
  box-shadow: 0px 0px 35px 0px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  transition: var(--baseTransition);
}
.px-imagewall-inner .item img {
  display: block;
  width: 100%;
  height: 250px;
  object-fit: cover;
  border-radius: 10px 10px 0 0;
}
.px-imagewall-inner .item .image-link {
  display: flex;
  flex-direction: column;
}
.px-imagewall-inner .item .title {
  padding: clamp(0.5882352941rem, 0.2702702703rem + 1.6891891892vw, 1.7647058824rem);
  margin-bottom: 0;
}
.px-imagewall-inner .item:hover {
  transform: translateY(-10px);
}
.fl .px-imagewall {
  width: 100%;
}