.bookCover {
  /*border-top: 7px solid #e3e0d9;
  border-right: 7px solid #c2c1bd;*/
  display: inline-block;
  position: relative;
}

.bookCover img {
  width: 100%;
}

.bookCover:before,
.bookCover:after {
  /*width: 0;
  height: 0;
  content: '';
  position: absolute;
  z-index: 3;*/
}

.bookCover:after {
  /*left: 0;
  top: -7px;
  border-left: 0 solid transparent;
  border-right: 9px solid transparent;
  border-top: 7px solid white;*/
}

.bookCover:before {
  /*right: -7px;
  bottom: 0;
  border-left: 7px solid transparent;
  border-right: 0 solid transparent;
  border-bottom: 9px solid white;*/
}

/* ------------------------------------------------------------- for bigger covers on desktop */
@media (min-width: 768px) {
  .bookCover-big {
    /*border-top: 12px solid #e3e0d9;
    border-right: 12px solid #c2c1bd;*/
  }
}

@media (min-width: 768px) {
  .bookCover-big:after {
    /*top: -12px;
    border-right: 18px solid transparent;
    border-top: 12px solid white;*/
  }
}

@media (min-width: 768px) {
  .bookCover-big:before {
    /*right: -12px;
    border-left: 12px solid transparent;
    border-bottom: 18px solid white;*/
  }
}