.about-us {
  margin-top: clamp(var(--space-8), 10vw, var(--space-19));
}

.about-us-img {
  display: block;
  max-width: 77.8rem;
  /*max image width. Value from landing design*/
  margin-left: auto;
  margin-right: auto;
  height: auto;
}

.about-us-card {
  display: flex;
  flex-direction: column;
  max-width: 68.7rem;
  /*this is necessary value, because of landing design*/
  margin: clamp(var(--space-6xl), 5vw, var(--space-12)) auto;
  margin-bottom: clamp(var(--space-8), 6vw, var(--space-15)) !important;
  gap: var(--space-6l);
}

.about-us-text {
  max-width: 33.8rem;
  color: var(--color-light-gray);
  font-size: clamp(var(--fs-sm), 3.5vw, var(--fs-base));
  line-height: var(--lh-4l);
  margin: 0;
}

.about-us-cta-btn {
  margin: 0;
}

@media(min-width: 800px) {

  /*this value is needed to prevent cutting cta-btn*/
  .about-us-card {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }

  .about-us-cta-btn {
    margin-right: clamp(0rem, 4.5vw, 4rem);
  }
  
  .about-us-text {
    line-height: var(--lh-4);
  }
}

.about-us-img {
  opacity: 0;
  transform: translateY(2.5rem);
  transition: opacity 0.8s ease, transform 0.8s cubic-bezier(.22, 1.61, .36, 1);
}

.about-us-img.visible {
  opacity: 1;
  transform: translateY(0);
}