.album-wrap{
  position: relative;
  transform-origin: 50%;
  transition: .2s ease-in-out all;

  img{
    position: relative;
    z-index: 10;
  }

  span{
    display: block;
    opacity: 0;
    background-image:
        linear-gradient(135deg, transparent 42%, rgba(255,255,255,.15) 50%, transparent 58%),
        repeating-radial-gradient(
            circle at 50%,
            transparent,
            transparent 5px,
            rgba(255,255,255,.05) 5px,
            transparent 7px,
            transparent 7px
            ),
        linear-gradient(100deg, black, #333, black);
    position: absolute;
    z-index: 5;
    inset: 0;
    width: 100%;
    aspect-ratio: 1;
    border-radius: 50%;
    transition: .2s ease-in-out all;
  }
}

.album-wrap:hover{
  rotate: -6deg;

  &::after{
    content: "";
    width: 100%;
    height: 100%;
    inset: 0;
    background: linear-gradient(225deg, rgba(255,255,255,.35) 20%, transparent 58%);
    position: absolute;
    z-index: 20;
  }

  span{
    opacity: 1;
    transform: translateX(3rem);
  }
}