@media (max-width: 385px) {
   .header__top__title {
     font-size: 12px;
   }
   .header__top__subtitle {
     font-size: 24px;
   }
   .header__main__block__autor {
    position: relative;
    width: 150px; /* резервуємо місце */
    flex: 0 0 100px;
}

.header__main__block__autor__img {
    position: absolute;
    left: -20px;
    top: 50%;
    transform: translateY(-50%) scaleX(-1);
    max-width: 150px;

}
   .header__main__block__descr__title {
    padding: 10px;

        font-size: 12px;
   }
}

@media (max-width: 370px) {
   .header__main__block__autor {
    width: 140px; /* резервуємо місце */
    flex: 0 0 90px;
}

.header__main__block__autor__img {
    position: absolute;
    left: -20px;
    top: 50%;
    transform: translateY(-50%) scaleX(-1);
    max-width: 140px;

}
   .header__main__block__descr__title {
        padding: 10px;
        font-size: 12px;
   }
}

@media (max-width: 355px) {
   .header__main__block__autor {
    width: 140px; /* резервуємо місце */
    flex: 0 0 80px;
}

.header__main__block__autor__img {
    max-width: 140px;
}
   .header__main__block__descr__title {
        padding: 10px;
        font-size: 12px;
   }

   .header__main__block__descr__subtitle__btn__start  {
    font-size: 12px;
    letter-spacing: 1.5px;
   }
}

@media (max-width: 330px) {

   .header__top__subtitle {
     font-size: 22px;
   }
   .header__top__descr {
        font-size: 14px;
   }
   .header__main__block__descr__title {
    padding: 10px;
        font-size: 12px;
   }
      .header__main__block__descr__subtitle__btn__start  {
    font-size: 12px;
    letter-spacing: 1.3px;
   }
}