.about-section {
  padding: 0 320px;
}

.description {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 72px;
  margin-top: 96px;
}

.about-img {
  width: max-content;
  height: max-content;
}

.about-img img {
  height: 680px;
  width: 480px;
  object-fit: cover;
}

.about-content {
  width: 100%;
  display: flex;
}

.about-text h2 {
  margin-bottom: 2rem;
}

.about-description p {
  margin-bottom: 16px;
}

.welle {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: flex-end;
}

.welle img {
  height: 120px;
}

.welle-pos {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 4rem;
}

.about-img-mobile {
  display: none;
}

/* (1870px) */
@media (max-width: 1870px) {
  .about-section {
    padding: 0 240px;
  }
}

/* (1700px) */
@media (max-width: 1700px) {
  .about-section {
    padding: 0 160px;
  }
  .welle-pos {
    gap: 1rem;
  }
}

/* (1400px) */
@media (max-width: 1400px) {
  .about-img img {
    width: 380px;
    height: 540px;
  }

  .welle img {
    height: 82px;
  }
}

/* (1300px) */
@media (max-width: 1300px) {
  .about-section {
    padding: 0 120px;
  }
}

/* (1199px) */
@media (max-width: 1199px) {
  .about-section {
    padding: 0 80px;
  }

  .description {
    gap: 44px;
  }

  .about-img img {
    width: 380px;
    height: 620px;
  }
}

/* (991px) */
@media (max-width: 991px) {
  .about-section {
    padding: 0 28px;
  }
}

/* (958px) */
@media (max-width: 958px) {
  .description {
    flex-direction: column-reverse;
    gap: 24px;
    margin-top: 32px;
  }
  .about-img {
    display: none;
  }

  .welle-pos {
    gap: 7rem;
  }

  .about-img-mobile {
    margin-top: 44px;
    height: 400px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 16px;
    overflow: hidden;
    background-color: black;
  }

  .about-img-mobile img {
    object-fit: cover;
    height: 100%;
    mask-image: radial-gradient(circle, black 60%, transparent 81%);
    -webkit-mask-image: radial-gradient(circle, black 60%, transparent 81%);
  }
}

/* (767px) */
@media (max-width: 767px) {
  .about-img img {
    height: 260px;
  }

  .welle img {
    height: 64px;
  }

  .about-img-mobile {
    height: 320px;
  }
}

/* (540px) */
@media (max-width: 540px) {
  .welle-pos {
    gap: 4rem;
  }
  .about-img-mobile {
    height: 280px;
  }
}

@media (max-width: 476px) {
  .welle-pos {
    gap: 1rem;
  }
}

@media (max-width: 391px) {
  .welle-pos {
    gap: 0rem;
  }
}