.gpc-about__container {
  width: 100%;
  margin: 0 auto;
  display: -webkit-flex;
  background: linear-gradient(
    to right,
    var(--neutral-1) 0px,
    var(--neutral-1) 60%,
    var(--color-white) 60%,
    var(--color-white) 100%
  );
}

.gpc-about__grid-wrapper {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.gpc-about__grid-column {
  width: 50%;
}

.gpc-about__grid-column-right {
  padding-top: 62px;
  padding-bottom: 62px;
}

@media (min-width: 993px) {
  .gpc-about__grid-content {
    max-width: calc(var(--max-content-width) / 2);
    margin-left: auto;
    padding-top: 80px;
    padding-right: 95px;
    padding-bottom: 80px;
    padding-left: var(--content-padding);
  }
}

.gpc-about__grid-content p:last-child {
  margin-bottom: 0px;
}

.gpc-about__img {
  width: 100%;
}

@media (min-width: 768px) and (max-width: 992px) {
  .gpc-about__grid-content {
    padding: var(--content-padding);
  }
}

@media (max-width: 767px) {
  .gpc-about__container {
    background: linear-gradient(
      to top,
      var(--neutral-1) 0px,
      var(--neutral-1) 80%,
      var(--color-white) 80%,
      var(--color-white) 100%
    );
  }

  .gpc-about__grid-wrapper {
    padding-left: var(--content-padding);
    padding-right: var(--content-padding);
  }

  .gpc-about__grid-column-right {
    padding-top: 0px;
    padding-bottom: 50px;
  }

  .gpc-about__grid-column-left {
    padding-bottom: 50px;
  }

  .gpc-about__grid-column {
    width: 100%;
  }

  .gpc-about__grid-column:last-child {
    order: -1;
  }
}