*, *:before, *:after {
  box-sizing: border-box;
}

img {
  max-width: 100%;
}
body {
    background-color:#09F; 
}


.container {
  overflow: hidden;
}
.book-wrapper {
  position: relative;
  margin: 2% auto;
  width: 670px;
  user-select: none;
}

.book-wrapper img {
      filter: drop-shadow(5px 5px 5px #494338);
}
.pages-container {
    position: absolute;
    top: 4%;
    left: 4%;
    right: 0;
    bottom: 0;
    width: 91.5%;
    height: 91%;
}

.pages {

}
.pages [class^="page-num-"] {
  background-size: auto 100%;
  position: relative;
}

.pages-content {
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    display: table;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 10%;
}

.content-inner {
      text-align: center;
    display: table-cell;
    vertical-align: middle;
}