Rotar imagenes en css

How can I get the following image with CSS?

imgur link

I have been looking for a while how to do it but the image is always distorted or just not right, and I would like to get something like in the picture or something like that. If someone is so kind to pass me some web, article or some solution it would be very helpful.

>Solution :

body {
  perspective: 800px; /* https://developer.mozilla.org/en-US/docs/Web/CSS/perspective */
}

div {
  background-color: #505761;
  width: 200px;
  height: 200px;
  border-radius: 4px;
  
  transform: rotateX(12deg) rotateY(-10deg) rotateZ(9deg);
}

<div />

You can use like this one.