.pp-sortable-images {
  position: relative;

  /*& > .pp-sortable-image:first-child {
    border: 4px solid var(--color-black);
    border-top-left-radius: 0;
  }

  &:has(.pp-sortable-image:first-child)::after {
    content: "Hero";
    position: absolute;
    top: 0;
    right: 100%;
    background-color: var(--color-black);
    color: var(--color-white);
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    transform: rotate(-90deg) translateY(calc(-100% + 1px));
    transform-origin: top right;
    font-size: 0.625rem;
  }*/
}