/* Bunny drawing on the right side of the page (all pages except the homepage). */
body::after {
  content: "";
  position: fixed;
  right: 24px;
  top: 50%;
  translate: 0 -50%;
  /* Fills the free space beside the 900px content column, capped at 320px. */
  width: min(320px, calc((100vw - 900px) / 2 - 40px));
  aspect-ratio: 108 / 135;
  background: url("../../images/sidebar/bunny-drawing.jpg") center / contain no-repeat;
  mix-blend-mode: multiply;
  pointer-events: none;
  z-index: 1;
}

@media (max-width: 1080px) {
  body::after {
    display: none;
  }
}