
.water-mask {
  z-index: 0;
  height: 100%;
  width: 100%;
  overflow: hidden;

  &-text {
    color: rgba($color: #000000, $alpha: 0.08);
    font-size: 36rpx;
    text-align: center;

    &-item {
      display: inline-block;
      position: relative;
      min-width: 45%;
      line-height: 1.2em;
      transform:rotate(325deg);
      transform-origin: 100% 0%;

      .aspect-ratio {
        width: 100%;
        height: 0;
        padding-bottom: 100%;
      }

      .inner-container {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
      }
    }
  }
}
