.text2-section {
  background: #000;
  padding: 50px 20px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.text2-section .section-text-container{
  max-width: 776px;
  align-items: flex-start;
  margin: initial;
}

.text2-section .section-text-container .section-text,
.text2-section .section-text-container .section-headline{
  text-align: initial;
}


.text2-section .hero__social{
  margin-top: 20px;
}


.text2-section .text2-section-inner{
  max-width: 1440px;
  margin: auto;
  width: 100%;
}

@media (width >= 1200px) {
  .text2-section .hero__social{
    margin-top: 40px;
  }

  .text2-section {
    background:
      linear-gradient(277deg,
      rgb(0 0 0 / 0%) 5.57%,
      rgb(0 0 0 / 60%) 40.57%,
      #000 64.29%
      ),
      url("background.webp") center / cover no-repeat;
    height: 700px;
    padding: 0 20px;
  }
}