  transform: ${(props) => (props.flipped ? "rotate(0deg)" : "rotateY(180deg)")};
`

export const BackImg = styled.img<Props>`
  ${sharedStyles}

  z-index: ${(props) => (props.flipped ? 1 : 2)};
  transform: ${(props) =>
    props.flipped ? "rotateY(180deg)" : "rotate(360deg)"};
  position: absolute;
  top: 0px;
  left: 0px;