.hero {
   &__wrapper {
      position: relative;
      overflow: hidden;
      min-height: 670px;

      @include _Tablet {
         min-height: 900px;
      }
      @include _XSDesktop {
         min-height: 716px;
      }

      @include _Desktop {
         min-height: 650px;
      }

      @include _HDesktop {
         min-height: 1000px;
      }
   }

   &__body {
      display: flex;
      flex-direction: column;
   }
}

.hero-block-image .hero__wrapper {
   height: 700px;

   @include _Tablet {
      height: auto;
   }
}
