Modified from letolune 's Nozaki-kun, (raw code:

<!--MAIN CONTENT-->
    <div class="col-lg-0 p-1">

      <!--WINDOWS-->
      <div class="card h-100" style="background:transparent;">
<div class="m-0 p-0 border-0 card" style="background-image:url('https://pipe.miroware.io/600df357181aa41cbbd1048a/book%20test/test%20bookshelf%20asset.png'); width:1250px; height:600px; background-position: center;">
    <!--books-->
   <div class="container">
  <div class="row;d-flex flex-row flex-wrap justify-content-center">
  <div class="card;col-lg-0;p-4" style="background:transparent">
      <div class="p-4 mx-1">

<div class="d-flex flex-row flex-wrap justify-content-center">

  <!-- RED -->
  <div class="p-1 mx-0" style="width: 130px; height:400px; margin-top:135px; background:transparent;">
    <div class="h-100 w-100" style="

      background: url('https://pipe.miroware.io/600df357181aa41cbbd1048a/book%20test/book%203.png') center no-repeat;
      background-size: cover;">

      <div class="h-100 w-100" style="mix-blend-mode: multiply; background:transparent;">
        <a href="CHARACTER_URL" class="btn btn-outline-secondary border-0 w-100 h-100" style="mix-blend-mode: screen;"></a>
      </div>

    </div>
  </div>
   <!-- RED -->
  <div class="p-1 mx-0" style="width: 130px; height:400px; margin-top:135px; background:transparent;">
    <div class="h-100 w-100" style="

      background: url('https://pipe.miroware.io/600df357181aa41cbbd1048a/book%20test/book%203.png') center no-repeat;
      background-size: cover;">

      <div class="h-100 w-100" style="mix-blend-mode: multiply; background:transparent;">
        <a href="CHARACTER_URL" class="btn btn-outline-secondary border-0 w-100 h-100" style="mix-blend-mode: screen;"></a>
      </div>

    </div>
  </div>
  <!-- RED -->
  <div class="p-1 mx-0" style="width: 130px; height:400px; margin-top:135px; background:transparent;">
    <div class="h-100 w-100" style="

      background: url('https://pipe.miroware.io/600df357181aa41cbbd1048a/book%20test/book%203.png') center no-repeat;
      background-size: cover;">

      <div class="h-100 w-100" style="mix-blend-mode: multiply; background:transparent;">
        <a href="CHARACTER_URL" class="btn btn-outline-secondary border-0 w-100 h-100" style="mix-blend-mode: screen;"></a>
      </div>

    </div>
  </div>
   <!-- RED -->
  <div class="p-1 mx-0" style="width: 130px; height:400px; margin-top:135px; background:transparent;">
    <div class="h-100 w-100" style="

      background: url('https://pipe.miroware.io/600df357181aa41cbbd1048a/book%20test/book%203.png') center no-repeat;
      background-size: cover;">

      <div class="h-100 w-100" style="mix-blend-mode: multiply; background:transparent;">
        <a href="CHARACTER_URL" class="btn btn-outline-secondary border-0 w-100 h-100" style="mix-blend-mode: screen;"></a>
      </div>

    </div>
  </div>
  <!-- RED -->
  <div class="p-1 mx-0" style="width: 130px; height:400px; margin-top:135px; background:transparent;">
    <div class="h-100 w-100" style="

      background: url('https://pipe.miroware.io/600df357181aa41cbbd1048a/book%20test/book%203.png') center no-repeat;
      background-size: cover;">

      <div class="h-100 w-100" style="mix-blend-mode: multiply; background:transparent;">
        <a href="CHARACTER_URL" class="btn btn-outline-secondary border-0 w-100 h-100" style="mix-blend-mode: screen;"></a>
      </div>

    </div>
  </div>
   <!-- RED -->
  <div class="p-1 mx-0" style="width: 130px; height:400px; margin-top:135px; background:transparent;">
    <div class="h-100 w-100" style="

      background: url('https://pipe.miroware.io/600df357181aa41cbbd1048a/book%20test/book%203.png') center no-repeat;
      background-size: cover;">

      <div class="h-100 w-100" style="mix-blend-mode: multiply; background:transparent;">
        <a href="CHARACTER_URL" class="btn btn-outline-secondary border-0 w-100 h-100" style="mix-blend-mode: screen;"></a>
      </div>

    </div>
  </div>
  <!-- RED -->
  <div class="p-1 mx-0" style="width: 130px; height:400px; margin-top:135px; background:transparent;">
    <div class="h-100 w-100" style="

      background: url('https://pipe.miroware.io/600df357181aa41cbbd1048a/book%20test/book%203.png') center no-repeat;
      background-size: cover;">

      <div class="h-100 w-100" style="mix-blend-mode: multiply; background:transparent;">
        <a href="CHARACTER_URL" class="btn btn-outline-secondary border-0 w-100 h-100" style="mix-blend-mode: screen;"></a>
      </div>

    </div>
  </div>
   <!-- RED -->
  <div class="p-1 mx-0" style="width: 130px; height:400px; margin-top:135px; background:transparent;">
    <div class="h-100 w-100" style="

      background: url('https://pipe.miroware.io/600df357181aa41cbbd1048a/book%20test/book%203.png') center no-repeat;
      background-size: cover;">

      <div class="h-100 w-100" style="mix-blend-mode: multiply; background:transparent;">
        <a href="CHARACTER_URL" class="btn btn-outline-secondary border-0 w-100 h-100" style="mix-blend-mode: screen;"></a>
      </div>

    </div>
  </div>

      </div> <!--main content end-->
      </div>
      </div>
      </div>
            <!--books end-->
 </div> <!--windows end-->

    </div> <!--main content end-->
    </div>