.page-node-type--person {
  background-image: none;


  .person-header {
    padding-block: 2.5rem;

    .contact-container {
      background-color: #ffffffb9;
      padding: 0.5rem 0rem;
    }

    &:after {
      background-color: #fff;

      @media (min-width: 992px) {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='668' height='469' fill='none' viewBox='0 0 668 469'%3E%3Cg stroke-width='4' clip-path='url(%23a)'%3E%3Crect width='119.358' height='398.5' x='783.843' y='-37.955' stroke='%23ee097e' rx='59.679' transform='rotate(60 783.843 -37.955)'/%3E%3Crect width='61.581' height='333.12' x='763.394' y='-127.268' stroke='%23fecb34' rx='30.79' transform='rotate(60 763.394 -127.268)'/%3E%3Crect width='131.555' height='275.402' x='-2.732' y='-.732' stroke='%23c6d307' rx='65.777' transform='rotate(60 264.08 794.047)scale(-1 1)'/%3E%3Crect width='68.089' height='333.607' x='-2.732' y='-.732' stroke='%2300bcda' rx='34.044' transform='rotate(60 404.038 509.214)scale(-1 1)'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h668v469H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
        background-position: top right;
        background-size: 668px auto;
        background-repeat: no-repeat;
      }
    }
  }

  .container-role {
    color: var(--bs-primary);
    font-size: 1.125rem;
  }

  .container-short-bio {
    color: #737373;
    font-size: 1rem;
  }

  .contact-container {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='76' height='5' fill='none' viewBox='0 0 76 5'%3E%3Cpath fill='%23c6d307' d='M7 0h5v5H7z'/%3E%3Cpath fill='%23ffcb03' d='M26 0h5v5h-5z'/%3E%3Cpath fill='%23d11d7e' d='M45 0h5v5h-5z'/%3E%3Cpath fill='%234a99ad' d='M64 0h5v5h-5z'/%3E%3C/svg%3E");
    background-position: top 0.5rem right 0.5rem;
    background-repeat: no-repeat;

    * {
      color: #737373;
      font-size: 0.75rem;
    }

    a {
      color: var(--bs-primary);
      font-size: 0.875rem;

      &:hover {
        color: var(--bs-black);
      }
    }
  }


}


@media (min-width: 992px) {
.page-node-type--person {
  .person-header {

    .contact-container {
      padding: 0.5rem 1rem;
    }
    }
  }
}