.img-manager {
   margin: 0 auto;

   &__bg {
      background-color: cl("accent");
      width: 320px;
      height: 280px;
      position: relative;

      @include _Tablet {
         width: 100%;
         height: 254px;
      }

      @include _XSDesktop {
         height: 100%;
      }

      &::before {
         content: "";
         position: absolute;
         width: 100%;
         height: auto;
         background: url("../images/logo-opaciti.png") no-repeat left top;
         background-size: contain;
         z-index: 2;
         top: 28px;
         left: 26px;
         bottom: 28px;

         @include _Tablet {
            top: 17px;
            left: 7px;
            bottom: 17px;
            width: 90%;
         }

         @include _XSDesktop {
            top: 28px;
            left: 12px;
            bottom: 28px;
            width: 100%;
         }

         @include _Desktop {
            top: 24px;
            left: 12px;
            bottom: 24px;
         }

         @include _HDesktop {
            top: 9px;
            left: 23px;
            bottom: 30px;
         }
      }
   }

   &__img {
      height: 330px;
      position: absolute;
      bottom: -10px;
      right: 0;
      z-index: 4;

      @include _Tablet {
         height: 240px;
      }

      @include _XSDesktop {
         height: 320px;
      }

      @include _HDesktop {
         height: 520px;
         bottom: -20px;
      }

      img {
         height: 100%;
      }
   }
   &__info {
      position: absolute;
      z-index: 4;
      bottom: 16px;
      left: 16px;

      @include _Tablet {
      }

      @include _XSDesktop {
         bottom: 16px;
         left: 16px;
      }

      @include _HDesktop {
         bottom: 32px;
         left: 32px;
      }
   }

   &__name {
      margin-bottom: 8px;
      font-size: rem(16);
      line-height: 1.4;
   }

   &__post {
      color: #ffffff99;
   }
}

.img-manager--main {
   @include _Tablet {
      display: none;
   }

   @include _XSDesktop {
      display: block;
   }
}

.img-manager--second {
   display: none;
   position: static;
   padding-top: 16px;

   @include _Tablet {
      display: block;
   }

   @include _XSDesktop {
      display: none;
   }
}
