.team-slider {
   & .swiper-wrapper {
      @include _Tablet {
         display: grid;
         grid-template-columns: repeat(3, 1fr);
         gap: 20px;
      }

      @include _Desktop {
         grid-template-columns: repeat(4, 1fr);
      }

      @include _HDesktop {
         row-gap: 40px;
      }
   }
   &__slide {
   }

   &__img {
      aspect-ratio: 44/49;
      margin-bottom: 8px;

      img {
         width: 100%;
         height: 100%;
         object-fit: cover;
      }

      @include _XSDesktop {
         aspect-ratio: 15/17;
      }
      @include _Desktop {
         aspect-ratio: 9/10;
      }

      @include _HDesktop {
         margin-bottom: 16px;
      }
   }

   &__name {
      margin-bottom: 4px;

      @include _HDesktop {
         margin-bottom: 8px;
      }
   }

   &__post {
   }
}
