#section-boardings {
  padding-right: 0;
  padding-left: 0;
}

.boarding {
  display: grid;
  grid-template-rows: 1fr;
  grid-template-columns: 1fr 2fr;

  background-color: $color-grey-regular;
  box-shadow: $shadow-grey;

  margin: 0 10rem;

  @include respond(tab-port) {
    grid-template-rows: repeat(2, 1fr);
    grid-template-columns: 1fr;

    overflow: hidden;
  }

  @include respond(phablet) {
    margin: 0 4rem;
  }

  @include respond(phone) {
    grid-template-rows: 1fr 2fr;

    margin: 0 3rem;
  }

  &__image {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;

    &--1 {
      background-image: url("/assets/img/bursa-nr1.jpg?as=webp");
    }

    &--2 {
      background-image: url("/assets/img/krakowska-bursa-szkolna.webp");
    }

    &--3 {
      background-image: url("/assets/img/bursa-nr3.png?as=webp");
    }

    &--4 {
      background-image: url("/assets/img/bursa-nr4.jpg?as=webp");
    }

    &--5 {
      background-image: url("/assets/img/bursa-nr5.jpg?as=webp");
    }

    &--6 {
      background-image: url("/assets/img/bursa-nr6.jpeg?as=webp");
    }

    &--7 {
      background-image: url("/assets/img/bursa-nr7.jpg?as=webp");
    }
  }

  &__content {
    padding: 3.4rem;

    @include respond(tab-port) {
      @include flex(2rem, center, center, column);

      text-align: center;
    }
  }

  &__arrow {
    &--prev {
      transform: translateX(2rem);
    }

    &--next {
      transform: translateX(-2rem);
    }
  }

  &__bullets {
    transform: translateY(6rem);
  }
}
