.review {
  @include flex(0, initial, stretch, column);

  margin: 0;

  color: $color-black;

  background-color: $color-white;

  overflow: hidden;
  box-shadow: $shadow-grey;

  &--1 > &__top {
    background: url("/assets/img/igor.jpeg?as=webp") no-repeat left 18% / cover;
  }

  &--2 > &__top {
    background: url("/assets/img/zuza.jpg?as=webp") no-repeat left 18% / cover;
  }

  &--3 > &__top {
    background: url("/assets/img/ania-i-hania.jpg?as=webp") no-repeat left 15% / cover;
  }

  &__top {
    height: 26rem;

    @include respond(tab-port) {
      height: 38rem;
    }
  }

  &__body {
    @include flex(1.8rem, initial, center, column);

    padding: 1.6rem 3.2rem;
  }

  &__heading {
    font-family: $font-family-headings;
    font-size: 2rem;
    text-align: center;
  }

  &__body-text {
    hyphens: auto;
    text-align: justify;
  }

  &__attribute {
    font-size: $font-size-larger;
    color: $color-primary-regular;
    text-shadow: $text-shadow-color;
  }
}
