.module-blockquote {
    position: relative;
    z-index: -1;
  }

  .module-blockquote .module-wrap {
    max-width: var(--grid-4-fixed-);
    text-align: center;
  }

  .module-blockquote .blockquote-wrap {
    max-width: var(--grid-3-fixed-);
    margin-left: auto;
    position: relative;
  }
  
  .module-blockquote .blockquote-wrap > span {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 1;
  }
  
  .module-blockquote .blockquote-wrap > span > span {
    display: block;
    border-radius: var(--base-shape-1);
    background: #f9f8ff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: 150%;
    width: auto;
    aspect-ratio: 1 / 1;
    pointer-events: none;
  }
  
  .module-blockquote .blockquote-wrap > div {
    position: relative;
    z-index: 2;
  }

  .module-blockquote blockquote {
    color: var(--base-color-1);
    position: relative;
    line-height: 1.4;
  }
  
  .module-blockquote blockquote span {
    position: absolute;
    top: 0;
    left: -0.4em;
  }
  
  .module-blockquote figcaption {
    margin-top: 1em;
  }
  
  
  
  
  @media (max-width: 750px) {
    
    .module-blockquote .blockquote-wrap > span > span {
      height: 180%;
    }
    
    .module-blockquote .module-wrap {
      padding: 5vw 0;
    }
    
  }
  
  
  
  
  @media (max-width: 500px) {
    
    .module-blockquote .blockquote-wrap {
      padding: 0 var(--grid-gap);
    }
    
    .module-blockquote figcaption {
      margin-top: 0.4em;
    }
    
    .module-blockquote .blockquote-wrap > span > span {
      border-radius: var(--base-shape-4);
      height: 150%;
    }
    
  }