Печать диплома

HTML

<!DOCTYPE html>
<html lang="ru">
    <head>
        <meta charset="utf-8">
        <title>z-index или кто кого перекроет</title>
    </head>
    <body>
        <div class="block block-1"></div>
        <div class="block block-2"></div>
    </body>
</html>

CSS

body {
    background: transparent;
    margin: 0;
    padding: 20px;
}

.block {
    padding: 10px;
    position: absolute;
}

.block-1 {
  position: relative;
  width: 500px;
  height: 500px;
  background:url(http://maprp.ru/uploads/2i.png) no-repeat;
  margin: 0 auto;
}

.block-2 {
  position: relative;
  background:url(http://maprp.ru/uploads/1.png) no-repeat;
  margin: -500px auto;
  width: 500px;
  height: 500px;
  transform-origin: center center;
	animation: total 2.0s 1s steps(10, end) infinite;
  z-index: -999;
}

@keyframes total {
	from {transform: rotate(0deg);}
	to {transform: rotate(360deg);}
}