.error_page {
  padding: var(--section-spacing) 0;
  .container {
    display: grid;
    grid-template-columns: 1fr 640px;
    grid-gap: 32px;
    align-items: center;
    @media (max-width: 1024px) {
      grid-template-columns: 1fr;
    }
    .error_page_texts {
      @media (max-width: 1024px) {
        order: 2;
      }
      p {
        font-size: var(--fs-lg);
        margin-bottom: 40px;
      }
    }
    .error_page_right {
      position: relative;
      height: 640px;
      display: flex;
      justify-content: center;
      align-items: center;
      @media (max-width: 1024px) {
        order: 1;
        height: 398px;
        svg {
          width: 250px;
        }
      }
      figure {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: -1;
        img {
          width: 100%;
        }
      }
    }
  }
}
