section {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 120px 80px;
  gap: 10%;
}
section:last-of-type {
  flex-direction: row-reverse;
}
section img {
  width: 100%;
  max-width: 800px;
}
.description-section p strong {
  font-weight: var(--fw-regular);
}
.left-section {
  width: 100%;
}
.left-section h2 {
  font-family: var(--ubuntu-font);
  font-size: var(--fz-50);
  font-weight: var(--fw-light);
  letter-spacing: 2.4px;
  margin-bottom: 40px;
  
}
.left-section span {
  display: block;
  font-family: var(--libre-bodoni-font);
  font-size: var(--fz-60);
  font-weight: var(--fw-regular);
}
.left-section p {
  font-size: var(--fz-25);
  font-weight: var(--fw-light);
  letter-spacing: 0.024em;
  line-height: 150%;
  margin-bottom: 20px;
}
@media (max-width: 1500px) {
  section {
    padding: 120px 40px 60px 40px;
    gap: 5%;
  }
  section:last-of-type {
    padding-top: 0;
    
  }
  section img {
    width: 100%;
    max-width: 600px;
  }
  .left-section h2 {
    font-size: var(--fz-40);
  }
  .left-section span {
    font-size: var(--fz-50);
  }
  .left-section p {
    font-size: var(--fz-20);
  }
}
@media (max-width: 1000px) {
  section {
    flex-direction: column-reverse;
  }
  section:last-of-type {
    padding: 0 40px 60px 40px;
    flex-direction: column-reverse;
  }
  .left-section {
    margin-top: 80px;
    width: 100%;
  }
}
@media(max-width: 770px) {
    section {
        padding: 80px 20px 60px 20px;
        gap: 5%;
      }
      section:last-of-type {
        padding: 0 20px 60px 20px;
        flex-direction: column-reverse;
      }
      .left-section {
        margin-top: 60px;
      }
      
}
@media(max-width: 500px) {
    section:last-of-type {
        padding: 0 20px 40px 20px;
        flex-direction: column-reverse;
      }
    .left-section {
        margin-top: 40px;
        width: 100%;
      }
    .left-section h2 {
        margin-bottom: 20px;
        font-size: var(--fz-30);
        /* text-overflow: clip;
        white-space: nowrap;
        overflow: hidden; */
      }
      .left-section span {
        font-size: var(--fz-40);
      }
      .left-section p {
        font-size: var(--fz-18);
      }
}