body {
    background: 
    repeating-conic-gradient(#F8BBD0 0 25%, #0000 0 50%) 
      50% / 40px 40px;
  font-family:sans-serif;
  }

#the {
  margin:50px;
  padding:20px;
  background:#fff;
  
  
}

img {
  box-sizing: border-box;
  transform-origin:left center;
  position: relative;
  width:170px;
  transition:1s ease;
  opacity:1;
  display:block;
  aspect-ratio:2/3;
  object-fit:cover;
  &:hover {
  transform: rotateY(-35deg);;
}
}

a {
   display: flex;
   -webkit-perspective: 800px;
          perspective: 800px;
  &::after {
  content: " ";
  display: block;
  width: 170px;
  aspect-ratio:2/3;
  position:absolute;
  background-color:#FFF4ED;
  border:#000 2px solid;
  box-sizing: border-box;
  left:0;
  top:0;
  z-index: -1;
}
}

.bookholder {display:flex;flex-flow:row wrap;gap:10px;}