#eightBallWrapper {
      display: flex;
      flex-direction: row;
      flex-wrap: nowrap;
      align-content: center;
      justify-content: center;
      align-items: center;
      width: 100%;
      margin-top: 20px;
      margin-bottom: 20px;
    }

    #eightBallObj {
      position: relative;
      width: 400px;
      height: 400px;
      background: transparent;
      display: flex;
      flex-direction: row;
      flex-wrap: nowrap;
      justify-content: center;
    }

    #eightball-image {
      position: absolute;
      width: 200px;
      height: 400px;
      object-fit: scale-down;
      z-index: 1;
      pointer-events: none;
      filter: drop-shadow(0px 10px 10px rgba(0, 0, 0, 1));
    }

    #eightBallContainer {
      position: relative;
      width: 400px;
      height: 400px;
      border-radius: 50%;
      overflow: hidden;
      background: black;
      cursor: pointer;
      z-index: 2;
      transform: scale(0.1);
      animation: float 4s ease-in-out infinite;
      filter: drop-shadow(0px 20px 20px rgba(0, 0, 0, 0.8));
    }

    canvas {
      width: 100%;
      height: 100%;
      display: block;
      border-radius: 50%;
      opacity: 0.8;
    }

    #eightBallTxt {
        z-index: 20;
        position: absolute;
        color: white;
        font-family: sans-serif;
        opacity: 0;
        pointer-events: none;
        width: 99%;
        text-align: center;
        height: 99%;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        padding: 20px;
        zoom: 0;
    }

    @keyframes float {
      0%   { transform: translate(-50%, 0); }
      50%  { transform: translate(-50%, -5px); }
      100% { transform: translate(-50%, 0); }
    }
    
    @keyframes shake {
      0%   { transform: rotate(0deg); }
      20%  { transform: rotate(1deg); }
      40%  { transform: rotate(-1deg); }
      60%  { transform: rotate(1deg); }
      80%  { transform: rotate(-1deg); }
      100% { transform: rotate(0deg); }
    }