.image-carousel__carousel {
  margin-top: 6rem;
}

.image-carousel__carousel-slide {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: auto;
  padding: 0 var(--spacer--lg);
}

.image-carousel__carousel-slide::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 1px;
  height: 100%;
  background: var(--gray);
}

.image-carousel__carousel-slide img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.image-carousel__carousel-wrapper.flex {
  flex-wrap: wrap;
  column-gap: 0;
}

@media (min-width: 768px) {
  .image-carousel__carousel-wrapper.flex {
    --spacer: var(--spacer--lg);
    align-items: stretch;
  }
}

.image-carousel__carousel-wrapper.flex .image-carousel__carousel-slide {
  width: 100%;
  max-width: 50%;
}

@media (min-width: 768px) {
  .image-carousel__carousel-wrapper.flex .image-carousel__carousel-slide {
    max-width: 25%;
  }
}

@media (min-width: 768px) {
  .image-carousel__carousel-wrapper.flex
    .image-carousel__carousel-slide:nth-child(4)::after {
    content: none;
  }
}

@media (max-width: 767px) {
  .image-carousel__carousel-wrapper.flex
    .image-carousel__carousel-slide:nth-child(even)::after {
    content: none;
  }
}

.image-carousel__carousel-wrapper.flex
  .image-carousel__carousel-slide:last-child::after {
  display: none;
}