.block-images {

  .container {
    @include breakpoint-down('deskS') {
      width: 511px;
    }

    @include breakpoint-down('tabM') {
      width: 335px;
    }

    @include breakpoint-down('mobM') {
      width: 90%;
    }
  }

  &__web {
    @include breakpoint-down('deskS') {
      display: none;
    }
  }

  &__items {
    display: flex;
    flex-wrap: wrap;
  }

  &__item {
    width: calc((100% - 20px * 2) / 3);
    margin-right: 20px;
    padding: 10px 0;
    max-height: 279px;
    cursor: pointer;

    @include breakpoint-down('deskL') {
      max-height: 225px;
    }

    &:nth-child(3n + 3) {
      margin-right: 0;
    }

    img {
      width: 100%;
      height: 100%;
      display: block;
      object-fit: cover;
      object-position: center center;
      border-radius: 8px;
    }
  }

  &__mobile {
    display: none;

    @include breakpoint-down('deskS') {
      display: block;
    }

    @include breakpoint-down('tabM') {
      margin-bottom: 62px;
    }
  }

  .share {
    display: none;

    @include breakpoint-down('tabM') {
      display: block;
    }
  }
}