<link
  rel="stylesheet"
  type="text/css"
  href="https://dl.dropbox.com/scl/fi/xqbxroxoc7bqd3k0rnh6p/apollo.css?rlkey=bkxn5wj1izy11x9rxje5li69b&st=ivxtfvny&dl=0"
/>

<style>
  #apollo {
    --colorGroup: #584974;
    --colorOverLayImgs: rgb(88, 73, 116, 0.8);
    --colorOverLayGifs: rgb(88, 73, 116, 0.5);

    --colorQuote: white;
    --colorFont: white;

    --Img1: url(https://64.media.tumblr.com/82c32d53e587cec9a1dfe1352592a5a8/3af8034b9d1f2834-65/s500x750/36225250a3129138b5b11a13e2f2c3de32d48447.gifv);
    --Img2: url(https://i.pinimg.com/564x/27/00/37/27003796316750ba8577806e56b987f0.jpg);
    --Img3: url(https://i.pinimg.com/564x/07/3d/e2/073de2db30ab7b8218af60ecaf0e6738.jpg);
    --Img4: url(https://64.media.tumblr.com/e0687e2b2a354be3d42082b836cd0b8c/3af8034b9d1f2834-4e/s540x810/7f1d59917185ceb4d012342ecc771271b9327480.gifv);

    --gifImg1: url(https://64.media.tumblr.com/2df589df15462ca302e201a42ae079b2/b455e3d7f8dc1f6d-f3/s400x600/2ca48e8b2115711675904a16aac16901d049d0c5.pnj);
    --gifImg2: url(https://64.media.tumblr.com/418c0c7e0fd1883882961dad93117104/f6b6eee4b72b1a42-a5/s540x810/85a55a24373fd69d5de3653fe39ec59058a694b5.gifv);
    --gifImg3: url(https://64.media.tumblr.com/ed5a8c500e54e5198158c8cc05e4c173/a6ff8a0dfee9baad-bf/s400x600/fa8307970d251898066d000874cd0981c2d42814.pnj);

    --shadown: -1px 2px 5px 0px rgba(0, 0, 0, 0.37);
  }
</style>

<div id="apollo" class="apollo-wrapper">
    <div class="apollo-quote-box">
      <div class="apollo-top">
        <p>
          “Okay, I admit it. She was... charming, in a stubborn, irritating kind
          of way. So I let her show me her world.”
        </p>
      </div>
      <div class="apollo-gif"></div>
    </div>
    <div
      class="apollo-quote-box apollo-box-left"
      style="background-image: var(--Img2)"
    >
      <div class="apollo-top">
        <p>
          “We’ve loved each other so long I’ve never been a man and not loved
          her.”
        </p>
      </div>
      <div
        class="apollo-gif apollo-gif-right"
        style="background-image: var(--gifImg2)"
      ></div>
    </div>
    <div class="apollo-quote-box" style="background-image: var(--Img3)">
      <div class="apollo-top">
        <p>
          “All hopes of eternity and all gain from the past he would have given
          to have her there, to be wrapped warm with him in one blanket, and
          sleep, only sleep. It seemed the sleep with the woman in his arms was
          the only necessity.”
        </p>
      </div>
      <div
        class="apollo-gif apollo-gif-bot"
        style="background-image: var(--gifImg3)"
      ></div>
    </div>
    <div
      class="apollo-quote-box apollo-box-left"
      style="background-image: var(--Img4)"
    >
      <div class="apollo-top">
        <p>
          "With love comes loss. It's part of the deal. Sometimes it hurts, but
          in the end, it's all worth it. There's no greater gift than love."
        </p>
      </div>
    </div>
  </div>