.pic-text-content {
  display: flex;
  flex-wrap: wrap;
  column-gap: var(--column-gap);
  row-gap: var(--row-gap);
  width: 100%;
}
.pic-text-content.left {
  justify-content: flex-start;
}
.pic-text-content.center {
  justify-content: center;
}
.pic-text-content.right {
  justify-content: flex-end;
}

@media (max-width: 1024px) {
  .pic-text-content .pic-text-item {
    width: calc(50% - var(--column-gap) / 2) !important;
  }
}

@media (max-width: 767px) {
  .pic-text-content {
    flex-direction: column;
  }
  .pic-text-content .pic-text-item {
    width: 100% !important;
  }
}