.app-container {
  .small-text__container {
    position: relative;
    z-index: 2;
    max-width: 784px;
    padding: 48px 100px;
    width: 100%;
    margin:auto;
    gap: 32px;
    @media (max-width: 1400px) {
      padding: 48px 50px;

    }
    @media (max-width: 1000px) {
      padding: 32px 16px;
    }

  }

}

.small-text__container {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 0.8s cubic-bezier(.22,.65,.25,1),
              transform 0.8s cubic-bezier(.22,.65,.25,1);
}

.small-text.animate-in .small-text__container {
  opacity: 1;
  transform: translateY(0);
}

.small-text__container .subheader {
  display: inline-block;
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.6s ease, transform 0.6s ease;
}

.small-text.animate-in .subheader {
  opacity: 1;
  transform: translateY(0);
  transition-delay: 0.3s; /* pojawi się lekko później */
}