.cursor-provider {
    cursor: none;
}
.cursor {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
    pointer-events: none;
}
.cursor__layout {
    display: grid;
    grid-template: auto auto / auto auto;
}

.cursor__media {
    display: grid;
    grid-column: 1;
    grid-row: 1;
}
.cursor__media img {
    grid-row-start: 1;
    grid-column-start: 1;
}

.cursor__text {
    grid-column: 2;
    grid-row: 2;
    position: relative;
}

.computer__screen {
  position: absolute;
  height: 31.25%;
  width: 26%;
  top: 9%;
  left: 34.25%;
  transform: skew(0deg, 352deg);
  /* Almost a perfect rectangle, just slightly clip the bottom so that the right-hand side is slightly shorter than the left */
  -webkit-clip-path: polygon(0 0%, 100% 0, 99% 91%, 2% 100%);
          clip-path: polygon(0 0%, 100% 0, 99% 91%, 2% 100%);
  overflow: hidden;
}

.computer__screen--shadow {
  /* Add inset shadows, a large one on the top, a small one on the right */
  box-shadow: inset 0 0 0 10px rgba(0, 0, 0, 0.2),
    inset 0 0 0 1000px rgba(0, 0, 0, 0.1);
}