.article-image-text {
   &__wrapper {
      background-color: #fff;
      color: #231f20;
      padding: 12px 24px 0;

      @include _Tablet {
         padding: 16px 32px 0;
      }
      @include _HDesktop {
         max-width: 1530px;
         margin: 0 auto;
         padding: 20px 40px 0;
      }
   }

   &__body {
      @include _XSDesktop {
         display: grid;
         grid-template-columns: 430px 1fr;
         gap: 24px;
         padding: 16px 0;
      }

      @include _Desktop {
         gap: 33px;
      }

      @include _HDesktop {
         gap: 80px;
         grid-template-columns: 635px 1fr;
         padding: 20px 0px;
      }

      &.reverse {
         .article-image-text__image {
            order: 1;
         }
         @include _XSDesktop {
            grid-template-columns: 1fr 430px;
         }

         @include _HDesktop {
            grid-template-columns: 1fr 655px;
         }
      }
   }

   &__descr {
      padding: 12px 0 24px;

      @include _Tablet {
         padding: 16px 0px 30px;
      }

      @include _XSDesktop {
         order: 1;
         padding: 0;
      }
   }
   &__image {
      margin: 0 -24px;
      min-width: 0;

      @include _Tablet {
         margin: 0;
      }

      @include _XSDesktop {
         max-height: 320px;
      }

      @include _HDesktop {
         max-height: 476px;
      }
   }

   &__slider {
      aspect-ratio: 17/10;

      @include _Tablet {
         aspect-ratio: 9/5;
      }

      @include _XSDesktop {
         aspect-ratio: auto;
         height: 100%;
      }
      @include _Desktop {
         aspect-ratio: auto;
         height: 100%;
      }
      @include _HDesktop {
         aspect-ratio: auto;
         height: 100%;
      }
   }
}
