.image-selector {
  display: flex;
  align-items: center;

  &.multi {
    flex-direction: column;
    align-items: normal;
  }

  .image-container, .images-container {
    .image {
      height: calculateRem(80);
      width: calculateRem(80);

      background-size: cover;
      background-position: center;
    }
  }

  .image-container {
    margin-right: calculateRem(15);
  }

  .images-container {
    display: flex;
    flex-wrap: wrap;

    .image {
      margin-bottom: calculateRem(15);

      &:not(:last-child) {
        margin-right: calculateRem(15);
      }
    }
  }
}