.About.PageContent {
  $width: 520px;
  padding-bottom: $unit-12x;

  section {
    display: flex;
    flex-direction: column;
    position: relative;
    gap: $unit-2x;
    z-index: 5;

    .Hero {
      position: absolute;
      width: 40vw;
      height: 80vh;
      right: -18vw;
      top: $unit-4x * -1;
      z-index: 1;
      background-image: linear-gradient(
          90deg,
          rgba(245, 245, 245, 1) 5%,
          rgba(245, 245, 245, 0.2) 50%,
          rgba(245, 245, 245, 0.2) 70%,
          rgba(245, 245, 245, 1) 95%
        ),
        linear-gradient(
          rgba(245, 245, 245, 1) 5%,
          rgba(245, 245, 245, 0.4) 40%,
          rgba(245, 245, 245, 0.4) 78%,
          rgba(245, 245, 245, 1) 95%
        ),
        url('https://prd-game-a-granbluefantasy.akamaized.net/assets_en/img/sp/top/bg/bg_23.jpg');

      @include breakpoint(tablet) {
        right: -14vw;
        width: 60vw;
      }

      @include breakpoint(phone) {
        right: $unit-2x * -1;
        width: 80vw;

        &::before {
          content: ' ';
          position: absolute;
          top: 0;
          left: 0;
          right: 0;
          bottom: 0;
          background: linear-gradient(
              90deg,
              rgba(245, 245, 245, 1) 0%,
              rgba(245, 245, 245, 0) 50%,
              rgba(245, 245, 245, 0) 70%,
              rgba(245, 245, 245, 1) 95%
            ),
            linear-gradient(
              rgba(245, 245, 245, 1) 0%,
              rgba(245, 245, 245, 0) 40%,
              rgba(245, 245, 245, 0) 78%,
              rgba(245, 245, 245, 1) 95%
            );
          z-index: 3;
        }
      }
    }

    p {
      font-size: $font-medium;
      max-width: $width;
      line-height: 1.35;
      z-index: 2;
    }

    h2 {
      font-weight: $bold;
      font-size: $font-medium;
      margin: 0;
      max-width: $width;
      z-index: 2;
    }
  }
  .Links {
    display: grid;
    gap: $unit;
    margin: $unit-2x 0;
  }

  div.LinkItem {
    margin-top: $unit-2x;
  }

  .LinkItem {
    max-width: calc($width / 3 * 2);
  }
}
