.images-component {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.images-component > picture {
  display: flex;
  flex: 1;
  max-width: 100%;
  justify-content: center;
  align-items: center;
}
.images-component > picture img {
  height: 100%;
  object-fit: contain;
}

@media (width >= 768px) {
  .images-component {
    flex-direction: row;
  }
  .images-component > picture {
    flex: 2;
  }
}
.images-component-1-cols .picture {
  max-width: calc(100% / 1);
}

.images-component-2-cols .picture {
  max-width: calc(100% / 2);
}

.images-component-3-cols .picture {
  max-width: calc(100% / 3);
}

.region.region-sidebar-second .images-component {
  flex-direction: column;
}
.region.region-sidebar-second .images-component > picture {
  flex: 1;
}

/*# sourceMappingURL=image-component-style.css.map */