/* first element */
/* ------------- */
#content-stil .preview-image:nth-child(1) {
  transform: rotate(-7deg) translate(20px, 10px);
}

/* hover */
#content-stil .template-icon:hover .preview-image:nth-child(1) {
  transform: rotate(-7deg) translate(15px, 10px);
}

/* portrait */
#content-stil .preview-images[data-format='portrait'] .preview-image:nth-child(1) {
  transform: rotate(-7deg) translate(20px, 24px);
  z-index: 1;
}

/* hover portrait */
#content-stil .template-icon:hover .preview-images[data-format='portrait'] .preview-image:nth-child(1) {
  transform: rotate(-7deg) translate(15px, 24px);
}

/* second element */
/* -------------- */
#content-stil .preview-image:nth-child(2) {
  transform: rotate(2deg) translateX(70px);
  z-index: 2;
}

/* hover */
#content-stil .template-icon:hover .preview-image:nth-child(2) {
  transform: rotate(2deg) translateX(70px) translateY(2px);
}

/* portrait */
#content-stil .preview-images[data-format='portrait'] .preview-image:nth-child(2) {
  transform: rotate(0) translate(50px, 20px);
  z-index: 2;
}

/* hover portrait */
#content-stil .template-icon:hover .preview-images[data-format='portrait'] .preview-image:nth-child(2) {
  transform: rotate(0) translate(48px, 20px);
}

/* hover img */
#content-stil .template-icon:hover .preview-images[data-format='landscape'] .preview-image:nth-child(2) img {
  transform: scale(1.04);
}

/* hover portrait img */
#content-stil .template-icon:hover .preview-images[data-format='portrait'] .preview-image:nth-child(2) img {
  transform: scale(1.04);
}

/* third element */
/* ------------- */
#content-stil .preview-image:nth-child(3) {
  transform: rotate(10deg) translate(120px, -10px);
}

/* hover */
#content-stil .template-icon:hover .preview-image:nth-child(3) {
  transform: rotate(10deg) translate(125px, -10px);
}

/* portrait */
#content-stil .preview-images[data-format='portrait'] .preview-image:nth-child(3) {
  transform: rotate(6deg) translate(85px, 15px);
}

/* hover portrait */
#content-stil .template-icon:hover .preview-images[data-format='portrait'] .preview-image:nth-child(3) {
  transform: rotate(6deg) translate(90px, 15px);
}