@utility textwall {
  /* Used to create the boundary boxes for the content */
  .textwall-dimensions {
    aspect-ratio: 4/3;
    max-height: 75dvh;
  }

  /* Rotates the content to create the textwall effect */
  /* Negative margins allow for the content to overflow the boundary boxes */
  .textwall-content {
    position: absolute;
    inset: 0;
    margin: -25%;
    transform: rotate(var(--rotation, -25deg));
  }

  /* Prevent pointer blocks by massive boundary images */
  [class*='textwall-boundary'] {
    pointer-events: none;
  }

  /* Prevent pixel rounding errors */
  .textwall-boundary-after {
    bottom: -1px;
  }
}