.binder {
  padding: 20px 20px 20px 0; 
  position: absolute;
  margin-top: 10px;
  left: 20px;
  width: 920px;
  height: 600px;
  overflow: hidden;
  background: url(https://i.postimg.cc/HLBLjZtd/Aqpv5m8.png);
  border-radius: 20px 20px 20px 20px;
  border: #fff 2px dashed;
  box-shadow: #F0BFE4 0 0 0 5px, rgba(0,0,0,0.5) 0 0 20px;
}

.binder:after {
  content: '';
  width: 100px;
  height: 100%;
  display: block;
  position: absolute;
  left: 367px;
  z-index: 0;
  top: 0;
  border-right: #fff 2px dashed;
  box-shadow: rgba(255,255,255,0.5) 0 0 50px;
}

.rings {
  position: absolute; z-index: 200;
  height: 100%;
}

.rings .ring:nth-of-type(1) {
 top: 30px; 
}

.rings .ring:nth-of-type(2) {
 top: 50%; 
 margin-top: -20px;
}

.rings .ring:nth-of-type(3) {
  bottom: 70px;
}

.ring {
 width: 80px;
  height: 10px;
  border-radius: 100px;
  background: -webkit-linear-gradient(left, #d1d1d1, #fff, #d1d1d1, #fff, #d1d1d1);
  position: absolute;
  left: 428px;
  box-shadow: rgba(0,0,0,0.4) 0 0 10px;
}

.ring:before,
.ring:after {
  display: block;
  content: '';
  border-radius: 100px;
  position: absolute;
  width: 16px;
  height: 16px;
  background: #000;
  z-index: -1;
  top: -3px;
}

.ring:before {
 left: -3px; 
}

.ring:after {
 right: -3px;
}

.back-page {
 background: #fcfcfc;
 background: url(https://i.postimg.cc/d3yWmMCG/1d412409777d05ff9b414ed70ad4e50c.jpg);
 background-repeat: no-repeat;
 background-size: cover;
 width: 425px;
 height: 600px;
 position: absolute;
 left: 30px;
 box-shadow: rgba(0,0,0,0.4) 1px 1px 10px;
 z-index: 5;
}

.page {
 background: #fcfcfc;
 background: url(https://i.postimg.cc/d3yWmMCG/1d412409777d05ff9b414ed70ad4e50c.jpg);
 background-repeat: no-repeat;
 background-size: cover;
 width: 100%;
 width: 425px;
 height: 600px;
 position: absolute;
 left: 481px;
 box-shadow: rgba(0,0,0,0.4) 1px 1px 10px, #fff 3px 3px 0px, rgba(0,0,0,0.4) 5px 5px 10px, #fff 6px 6px 0px;
 z-index: 5;
}