section.block-about {
  background-color: var(--wp--preset--color--light);
  padding-top: var(--wp--preset--spacing--4-xl);
  padding-bottom: var(--wp--preset--spacing--4-xl);
}
@media screen and (max-width: 768px) {
  section.block-about {
    padding-top: var(--wp--preset--spacing--4-xl-mobile);
    padding-bottom: var(--wp--preset--spacing--4-xl-mobile);
  }
}
section.block-about .block-about__content {
  display: flex;
  gap: 146px;
  line-height: 150%;
}
@media screen and (max-width: 768px) {
  section.block-about .block-about__content {
    flex-direction: column;
    gap: 30px;
  }
}
section.block-about .block-about__content--left, section.block-about .block-about__content--right {
  flex: 1;
}
section.block-about .block-about__content .pretitle {
  text-align: left;
}
section.block-about .block-about__content h2 {
  margin-bottom: 60px;
}
@media screen and (max-width: 768px) {
  section.block-about .block-about__content h2 {
    margin-bottom: 30px;
  }
}
section.block-about .block-about__content--right {
  height: 618px;
  max-width: 576px;
  border-radius: 15px;
  background: url("/app/uploads/bg-about2x.png?v=2") lightgray 50%/cover no-repeat;
}
@media screen and (max-width: 768px) {
  section.block-about .block-about__content {
    flex-direction: column;
    gap: 30px;
  }
  section.block-about .block-about__content--right {
    width: 100%;
    height: auto;
    aspect-ratio: 1152/1236;
    order: 1;
    flex: auto;
    margin: auto;
    background-size: contain;
  }
  section.block-about .block-about__content--left {
    flex: auto;
    order: 2;
  }
}