.c-image-rack {
  position: relative;
}

.c-image-rack__slide-area {
  position: relative;
  display: flex;
  transition: transform 0.4s ease-in-out;

  .c-image-rack--reverse &{
    flex-direction: row-reverse;
  }
}

.c-image-rack__item{
  & + & {
    margin-left: column(0.5, 12);

    .c-image-rack--reverse & {
      margin-left: 0;
      margin-right: column(0.5, 12);
    }
  }
}

.c-image-rack__picture{
  display: block;
}

.c-image-rack__img{
  max-width: none;
  height: 100%;
  width: auto;
}

.c-image-rack__control {
  display: flex;
  justify-content: flex-start;

  .c-image-rack--reverse & {
    justify-content: flex-end;
  }
}