.text-shape::before {
  position: absolute;
  content: '';
  background-image: url("../../images/shape_1.svg");
  width: 180px;
  height: 183px;
  background-size: 180px;
  right: -20px;
  bottom: -58px;
  background-repeat: no-repeat;
  z-index: 1;
}
@media all and (min-width: 740px) {
  .text-shape__text {
    max-width: 60%;
    width: 100%;
  }
  .text-shape.text-shape--center::before {
    width: 300px;
    height: 303px;
    background-size: 300px;
    right: -20px;
    top: 50%;
    bottom: unset;
    transform: translateY(-50%);
  }
  .text-shape.text-shape--top_align::before {
    width: 300px;
    height: 303px;
    background-size: 300px;
    right: -20px;
    top: 0;
    bottom: unset;
  }
}
@media all and (min-width: 1000px) {
  .text-shape.text-shape--top_align::before,
  .text-shape.text-shape--center::before {
    width: 400px;
    height: 403px;
    background-size: 400px;
  }
}
@media all and (min-width: 1470px) {
  .text-shape__text {
    max-width: 790px;
    width: 100%;
  }
  .text-shape.text-shape--top_align::before,
  .text-shape.text-shape--center::before {
    width: 547px;
    height: 550px;
    background-size: 547px 550px;
    right: -16px;
  }
}