/* Container to center the body */
.container {
    max-width: 1140px;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

.row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}

body {
    background-color: white;
}

.col-lg-3 {
    margin-bottom: 1.5rem;
    text-align: center;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
}

p {
    margin-top: 0;
    margin-bottom: 1rem;
    display: block;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
}

.btn {
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 0.25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.line-divider {
    margin: 5rem 0;
}

h4 {
    font-weight: 400;
}

.fun-fact {
    margin-top: 7rem;
    font-size: 40px;
}

/* -------------------------------------------------------- */
/* Rotation Animation Effect */
.image {
    perspective: 3000px;
    width: 50%;
    position: relative;
    transform-style: preserve-3d;
    margin: auto;
  }

  .image img {
    transform: rotateX(70deg) rotateZ(60deg) translate3d(120px, -100px, 70px);
    box-shadow: -80px 60px 15px 5px rgba(0,0,0,0.4);
    transition: all .4s;
    transform-style: preserve-3d;
  }
  .image:hover img {
    transform: rotateX(0deg) rotateZ(0deg) translate3d(0px, 0px, 0px);
    box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.0);
  }
/* -------------------------------------------------------- */
  
/* -------------------------------------------------------- */
/* Gradient Hover Animation Effect */
  .c-preview {
    background: -webkit-linear-gradient(-45deg, #000000 0%,#000000 25%,#FFFF00 50%,#FDD017 75%,#C7A317 100%); /* Chrome10-25,Safari5.1-6 */
    background-size: 400% 400%;
    display: flex;
    width: 500px;
    height: 500px;
    max-width: 100vw;
    max-height: 100vh;
    justify-content: center;
    align-items: center;
    color: #fff;
    position: relative;
    cursor: pointer;
    transition: .5s all;
  }
    
    
.c-preview__img {
      position: absolute;
      left: 0;
      top: 0;
      background: #000 url("../img/Wei\'s\ Animals/goldeneagle_gif.gif") no-repeat center center;
      background-size: cover;
      width: 100%;
      height: 100%;
      mix-blend-mode: screen;
    }
    
.c-preview:hover {
      background-position: 100% 100%;
}
/* -------------------------------------------------------- */

/* -------------------------------------------------------- */
/* One Background for Multiple Divs Animation Effect */
.one-background-multiple-divs {
  position: relative;
  height: 100%;
  width: 500%;
  padding-top: 50%;
  margin: 2rem auto;
}
.one-background-multiple-divs > .block {
  position: absolute;
  height: 100%;
  width: 30%;
  perspective: 1000px;
}
.one-background-multiple-divs > .block:nth-of-type(1) {
  height: 80%;
  top: 10%;
  left: 17%;
  width: 15%;
}
.one-background-multiple-divs > .block:nth-of-type(2) {
  top: 0;
  left: 35%;
}
.one-background-multiple-divs > .block:nth-of-type(3) {
  height: 80%;
  top: 10%;
  left: 64%;
  width: 15%;
}
.one-background-multiple-divs > .block > .side {
  position: absolute;
  top: 0;
  left: 0;
  background-image: url("../img/Wei\'s\ Animals/karnerbluebutterfly_gif.gif");
  background-size: auto 100%;
  box-shadow: -1vw 0.5vw 1vw rgba(0, 0, 0, 0.3);
}
.one-background-multiple-divs > .block > .side.-main {
  height: 100%;
  width: 100%;
  transform: rotateY(30deg);
  transform-origin: 0 50%;
}
.one-background-multiple-divs > .block > .side.-left {
  height: 100%;
  width: 20%;
  transform-origin: 0 50%;
  transform: rotateY(-60deg) translateX(-100%);
  filter: brightness(40%);
}
.one-background-multiple-divs > .block:nth-of-type(1) > .side.-main {
  background-position: 4% 50%;
  background-size: auto 130%;
}
.one-background-multiple-divs > .block:nth-of-type(1) > .side.-left {
  background-position: 0 50%;
  background-size: auto 130%;
}
.one-background-multiple-divs > .block:nth-of-type(2) > .side.-main {
  background-position: 50% 0;
}
.one-background-multiple-divs > .block:nth-of-type(2) > .side.-left {
  background-position: 28.5% 0;
}
.one-background-multiple-divs > .block:nth-of-type(3) > .side.-main {
  background-position: 96% 50%;
  background-size: auto 130%;
}
.one-background-multiple-divs > .block:nth-of-type(3) > .side.-left {
  background-position: 78% 50%;
  background-size: auto 130%;
}
/* -------------------------------------------------------- */

/* -------------------------------------------------------- */
/* 3D Effect on Hover Animation Effect */
.reflection-container {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  transform-style: preserve-3d;
  perspective: 1000px;
}
.reflection-container .reflection-content {
  height: 80vh;
  width: 80vh;
  background: #000 url('../img/Wei\'s\ Animals/shortearedowl_gif.gif');
  background-size: cover;
  background-position: center;
  transform: rotateX(0) rotateY(0);
  pointer-events: none;
  transition: 100ms linear transform;
  overflow: hidden;
}
.reflection-container .reflection-content:before {
  content: "";
  position: absolute;
  width: 200%;
  height: 200%;
  left: -50%;
  top: -50%;
  background: linear-gradient(rgba(255, 255, 255, 0.2), rgba(0, 0, 0, 0.2));
}
.reflection-container .reflection-grid-cell {
  position: absolute;
  z-index: 1;
  width: 10%;
  height: 10%;
}
.reflection-container .reflection-grid-cell-1 {
  top: 0%;
  left: 0%;
}
.reflection-container .reflection-grid-cell-1:hover ~ .reflection-content {
  transform: rotateX(20deg) rotateY(-20deg);
}
.reflection-container .reflection-grid-cell-1:hover ~ .reflection-content:before {
  transform: translateY(20%);
}
.reflection-container .reflection-grid-cell-2 {
  top: 0%;
  left: 10%;
}
.reflection-container .reflection-grid-cell-2:hover ~ .reflection-content {
  transform: rotateX(20deg) rotateY(-15deg);
}
.reflection-container .reflection-grid-cell-2:hover ~ .reflection-content:before {
  transform: translateY(20%);
}
.reflection-container .reflection-grid-cell-3 {
  top: 0%;
  left: 20%;
}
.reflection-container .reflection-grid-cell-3:hover ~ .reflection-content {
  transform: rotateX(20deg) rotateY(-10deg);
}
.reflection-container .reflection-grid-cell-3:hover ~ .reflection-content:before {
  transform: translateY(20%);
}
.reflection-container .reflection-grid-cell-4 {
  top: 0%;
  left: 30%;
}
.reflection-container .reflection-grid-cell-4:hover ~ .reflection-content {
  transform: rotateX(20deg) rotateY(-5deg);
}
.reflection-container .reflection-grid-cell-4:hover ~ .reflection-content:before {
  transform: translateY(20%);
}
.reflection-container .reflection-grid-cell-5 {
  top: 0%;
  left: 40%;
}
.reflection-container .reflection-grid-cell-5:hover ~ .reflection-content {
  transform: rotateX(20deg) rotateY(0deg);
}
.reflection-container .reflection-grid-cell-5:hover ~ .reflection-content:before {
  transform: translateY(20%);
}
.reflection-container .reflection-grid-cell-6 {
  top: 0%;
  left: 50%;
}
.reflection-container .reflection-grid-cell-6:hover ~ .reflection-content {
  transform: rotateX(20deg) rotateY(5deg);
}
.reflection-container .reflection-grid-cell-6:hover ~ .reflection-content:before {
  transform: translateY(20%);
}
.reflection-container .reflection-grid-cell-7 {
  top: 0%;
  left: 60%;
}
.reflection-container .reflection-grid-cell-7:hover ~ .reflection-content {
  transform: rotateX(20deg) rotateY(10deg);
}
.reflection-container .reflection-grid-cell-7:hover ~ .reflection-content:before {
  transform: translateY(20%);
}
.reflection-container .reflection-grid-cell-8 {
  top: 0%;
  left: 70%;
}
.reflection-container .reflection-grid-cell-8:hover ~ .reflection-content {
  transform: rotateX(20deg) rotateY(15deg);
}
.reflection-container .reflection-grid-cell-8:hover ~ .reflection-content:before {
  transform: translateY(20%);
}
.reflection-container .reflection-grid-cell-9 {
  top: 0%;
  left: 80%;
}
.reflection-container .reflection-grid-cell-9:hover ~ .reflection-content {
  transform: rotateX(20deg) rotateY(20deg);
}
.reflection-container .reflection-grid-cell-9:hover ~ .reflection-content:before {
  transform: translateY(20%);
}
.reflection-container .reflection-grid-cell-10 {
  top: 0%;
  left: 90%;
}
.reflection-container .reflection-grid-cell-10:hover ~ .reflection-content {
  transform: rotateX(20deg) rotateY(25deg);
}
.reflection-container .reflection-grid-cell-10:hover ~ .reflection-content:before {
  transform: translateY(20%);
}
.reflection-container .reflection-grid-cell-11 {
  top: 10%;
  left: 0%;
}
.reflection-container .reflection-grid-cell-11:hover ~ .reflection-content {
  transform: rotateX(15deg) rotateY(-20deg);
}
.reflection-container .reflection-grid-cell-11:hover ~ .reflection-content:before {
  transform: translateY(15%);
}
.reflection-container .reflection-grid-cell-12 {
  top: 10%;
  left: 10%;
}
.reflection-container .reflection-grid-cell-12:hover ~ .reflection-content {
  transform: rotateX(15deg) rotateY(-15deg);
}
.reflection-container .reflection-grid-cell-12:hover ~ .reflection-content:before {
  transform: translateY(15%);
}
.reflection-container .reflection-grid-cell-13 {
  top: 10%;
  left: 20%;
}
.reflection-container .reflection-grid-cell-13:hover ~ .reflection-content {
  transform: rotateX(15deg) rotateY(-10deg);
}
.reflection-container .reflection-grid-cell-13:hover ~ .reflection-content:before {
  transform: translateY(15%);
}
.reflection-container .reflection-grid-cell-14 {
  top: 10%;
  left: 30%;
}
.reflection-container .reflection-grid-cell-14:hover ~ .reflection-content {
  transform: rotateX(15deg) rotateY(-5deg);
}
.reflection-container .reflection-grid-cell-14:hover ~ .reflection-content:before {
  transform: translateY(15%);
}
.reflection-container .reflection-grid-cell-15 {
  top: 10%;
  left: 40%;
}
.reflection-container .reflection-grid-cell-15:hover ~ .reflection-content {
  transform: rotateX(15deg) rotateY(0deg);
}
.reflection-container .reflection-grid-cell-15:hover ~ .reflection-content:before {
  transform: translateY(15%);
}
.reflection-container .reflection-grid-cell-16 {
  top: 10%;
  left: 50%;
}
.reflection-container .reflection-grid-cell-16:hover ~ .reflection-content {
  transform: rotateX(15deg) rotateY(5deg);
}
.reflection-container .reflection-grid-cell-16:hover ~ .reflection-content:before {
  transform: translateY(15%);
}
.reflection-container .reflection-grid-cell-17 {
  top: 10%;
  left: 60%;
}
.reflection-container .reflection-grid-cell-17:hover ~ .reflection-content {
  transform: rotateX(15deg) rotateY(10deg);
}
.reflection-container .reflection-grid-cell-17:hover ~ .reflection-content:before {
  transform: translateY(15%);
}
.reflection-container .reflection-grid-cell-18 {
  top: 10%;
  left: 70%;
}
.reflection-container .reflection-grid-cell-18:hover ~ .reflection-content {
  transform: rotateX(15deg) rotateY(15deg);
}
.reflection-container .reflection-grid-cell-18:hover ~ .reflection-content:before {
  transform: translateY(15%);
}
.reflection-container .reflection-grid-cell-19 {
  top: 10%;
  left: 80%;
}
.reflection-container .reflection-grid-cell-19:hover ~ .reflection-content {
  transform: rotateX(15deg) rotateY(20deg);
}
.reflection-container .reflection-grid-cell-19:hover ~ .reflection-content:before {
  transform: translateY(15%);
}
.reflection-container .reflection-grid-cell-20 {
  top: 10%;
  left: 90%;
}
.reflection-container .reflection-grid-cell-20:hover ~ .reflection-content {
  transform: rotateX(15deg) rotateY(25deg);
}
.reflection-container .reflection-grid-cell-20:hover ~ .reflection-content:before {
  transform: translateY(15%);
}
.reflection-container .reflection-grid-cell-21 {
  top: 20%;
  left: 0%;
}
.reflection-container .reflection-grid-cell-21:hover ~ .reflection-content {
  transform: rotateX(10deg) rotateY(-20deg);
}
.reflection-container .reflection-grid-cell-21:hover ~ .reflection-content:before {
  transform: translateY(10%);
}
.reflection-container .reflection-grid-cell-22 {
  top: 20%;
  left: 10%;
}
.reflection-container .reflection-grid-cell-22:hover ~ .reflection-content {
  transform: rotateX(10deg) rotateY(-15deg);
}
.reflection-container .reflection-grid-cell-22:hover ~ .reflection-content:before {
  transform: translateY(10%);
}
.reflection-container .reflection-grid-cell-23 {
  top: 20%;
  left: 20%;
}
.reflection-container .reflection-grid-cell-23:hover ~ .reflection-content {
  transform: rotateX(10deg) rotateY(-10deg);
}
.reflection-container .reflection-grid-cell-23:hover ~ .reflection-content:before {
  transform: translateY(10%);
}
.reflection-container .reflection-grid-cell-24 {
  top: 20%;
  left: 30%;
}
.reflection-container .reflection-grid-cell-24:hover ~ .reflection-content {
  transform: rotateX(10deg) rotateY(-5deg);
}
.reflection-container .reflection-grid-cell-24:hover ~ .reflection-content:before {
  transform: translateY(10%);
}
.reflection-container .reflection-grid-cell-25 {
  top: 20%;
  left: 40%;
}
.reflection-container .reflection-grid-cell-25:hover ~ .reflection-content {
  transform: rotateX(10deg) rotateY(0deg);
}
.reflection-container .reflection-grid-cell-25:hover ~ .reflection-content:before {
  transform: translateY(10%);
}
.reflection-container .reflection-grid-cell-26 {
  top: 20%;
  left: 50%;
}
.reflection-container .reflection-grid-cell-26:hover ~ .reflection-content {
  transform: rotateX(10deg) rotateY(5deg);
}
.reflection-container .reflection-grid-cell-26:hover ~ .reflection-content:before {
  transform: translateY(10%);
}
.reflection-container .reflection-grid-cell-27 {
  top: 20%;
  left: 60%;
}
.reflection-container .reflection-grid-cell-27:hover ~ .reflection-content {
  transform: rotateX(10deg) rotateY(10deg);
}
.reflection-container .reflection-grid-cell-27:hover ~ .reflection-content:before {
  transform: translateY(10%);
}
.reflection-container .reflection-grid-cell-28 {
  top: 20%;
  left: 70%;
}
.reflection-container .reflection-grid-cell-28:hover ~ .reflection-content {
  transform: rotateX(10deg) rotateY(15deg);
}
.reflection-container .reflection-grid-cell-28:hover ~ .reflection-content:before {
  transform: translateY(10%);
}
.reflection-container .reflection-grid-cell-29 {
  top: 20%;
  left: 80%;
}
.reflection-container .reflection-grid-cell-29:hover ~ .reflection-content {
  transform: rotateX(10deg) rotateY(20deg);
}
.reflection-container .reflection-grid-cell-29:hover ~ .reflection-content:before {
  transform: translateY(10%);
}
.reflection-container .reflection-grid-cell-30 {
  top: 20%;
  left: 90%;
}
.reflection-container .reflection-grid-cell-30:hover ~ .reflection-content {
  transform: rotateX(10deg) rotateY(25deg);
}
.reflection-container .reflection-grid-cell-30:hover ~ .reflection-content:before {
  transform: translateY(10%);
}
.reflection-container .reflection-grid-cell-31 {
  top: 30%;
  left: 0%;
}
.reflection-container .reflection-grid-cell-31:hover ~ .reflection-content {
  transform: rotateX(5deg) rotateY(-20deg);
}
.reflection-container .reflection-grid-cell-31:hover ~ .reflection-content:before {
  transform: translateY(5%);
}
.reflection-container .reflection-grid-cell-32 {
  top: 30%;
  left: 10%;
}
.reflection-container .reflection-grid-cell-32:hover ~ .reflection-content {
  transform: rotateX(5deg) rotateY(-15deg);
}
.reflection-container .reflection-grid-cell-32:hover ~ .reflection-content:before {
  transform: translateY(5%);
}
.reflection-container .reflection-grid-cell-33 {
  top: 30%;
  left: 20%;
}
.reflection-container .reflection-grid-cell-33:hover ~ .reflection-content {
  transform: rotateX(5deg) rotateY(-10deg);
}
.reflection-container .reflection-grid-cell-33:hover ~ .reflection-content:before {
  transform: translateY(5%);
}
.reflection-container .reflection-grid-cell-34 {
  top: 30%;
  left: 30%;
}
.reflection-container .reflection-grid-cell-34:hover ~ .reflection-content {
  transform: rotateX(5deg) rotateY(-5deg);
}
.reflection-container .reflection-grid-cell-34:hover ~ .reflection-content:before {
  transform: translateY(5%);
}
.reflection-container .reflection-grid-cell-35 {
  top: 30%;
  left: 40%;
}
.reflection-container .reflection-grid-cell-35:hover ~ .reflection-content {
  transform: rotateX(5deg) rotateY(0deg);
}
.reflection-container .reflection-grid-cell-35:hover ~ .reflection-content:before {
  transform: translateY(5%);
}
.reflection-container .reflection-grid-cell-36 {
  top: 30%;
  left: 50%;
}
.reflection-container .reflection-grid-cell-36:hover ~ .reflection-content {
  transform: rotateX(5deg) rotateY(5deg);
}
.reflection-container .reflection-grid-cell-36:hover ~ .reflection-content:before {
  transform: translateY(5%);
}
.reflection-container .reflection-grid-cell-37 {
  top: 30%;
  left: 60%;
}
.reflection-container .reflection-grid-cell-37:hover ~ .reflection-content {
  transform: rotateX(5deg) rotateY(10deg);
}
.reflection-container .reflection-grid-cell-37:hover ~ .reflection-content:before {
  transform: translateY(5%);
}
.reflection-container .reflection-grid-cell-38 {
  top: 30%;
  left: 70%;
}
.reflection-container .reflection-grid-cell-38:hover ~ .reflection-content {
  transform: rotateX(5deg) rotateY(15deg);
}
.reflection-container .reflection-grid-cell-38:hover ~ .reflection-content:before {
  transform: translateY(5%);
}
.reflection-container .reflection-grid-cell-39 {
  top: 30%;
  left: 80%;
}
.reflection-container .reflection-grid-cell-39:hover ~ .reflection-content {
  transform: rotateX(5deg) rotateY(20deg);
}
.reflection-container .reflection-grid-cell-39:hover ~ .reflection-content:before {
  transform: translateY(5%);
}
.reflection-container .reflection-grid-cell-40 {
  top: 30%;
  left: 90%;
}
.reflection-container .reflection-grid-cell-40:hover ~ .reflection-content {
  transform: rotateX(5deg) rotateY(25deg);
}
.reflection-container .reflection-grid-cell-40:hover ~ .reflection-content:before {
  transform: translateY(5%);
}
.reflection-container .reflection-grid-cell-41 {
  top: 40%;
  left: 0%;
}
.reflection-container .reflection-grid-cell-41:hover ~ .reflection-content {
  transform: rotateX(0deg) rotateY(-20deg);
}
.reflection-container .reflection-grid-cell-41:hover ~ .reflection-content:before {
  transform: translateY(0%);
}
.reflection-container .reflection-grid-cell-42 {
  top: 40%;
  left: 10%;
}
.reflection-container .reflection-grid-cell-42:hover ~ .reflection-content {
  transform: rotateX(0deg) rotateY(-15deg);
}
.reflection-container .reflection-grid-cell-42:hover ~ .reflection-content:before {
  transform: translateY(0%);
}
.reflection-container .reflection-grid-cell-43 {
  top: 40%;
  left: 20%;
}
.reflection-container .reflection-grid-cell-43:hover ~ .reflection-content {
  transform: rotateX(0deg) rotateY(-10deg);
}
.reflection-container .reflection-grid-cell-43:hover ~ .reflection-content:before {
  transform: translateY(0%);
}
.reflection-container .reflection-grid-cell-44 {
  top: 40%;
  left: 30%;
}
.reflection-container .reflection-grid-cell-44:hover ~ .reflection-content {
  transform: rotateX(0deg) rotateY(-5deg);
}
.reflection-container .reflection-grid-cell-44:hover ~ .reflection-content:before {
  transform: translateY(0%);
}
.reflection-container .reflection-grid-cell-45 {
  top: 40%;
  left: 40%;
}
.reflection-container .reflection-grid-cell-45:hover ~ .reflection-content {
  transform: rotateX(0deg) rotateY(0deg);
}
.reflection-container .reflection-grid-cell-45:hover ~ .reflection-content:before {
  transform: translateY(0%);
}
.reflection-container .reflection-grid-cell-46 {
  top: 40%;
  left: 50%;
}
.reflection-container .reflection-grid-cell-46:hover ~ .reflection-content {
  transform: rotateX(0deg) rotateY(5deg);
}
.reflection-container .reflection-grid-cell-46:hover ~ .reflection-content:before {
  transform: translateY(0%);
}
.reflection-container .reflection-grid-cell-47 {
  top: 40%;
  left: 60%;
}
.reflection-container .reflection-grid-cell-47:hover ~ .reflection-content {
  transform: rotateX(0deg) rotateY(10deg);
}
.reflection-container .reflection-grid-cell-47:hover ~ .reflection-content:before {
  transform: translateY(0%);
}
.reflection-container .reflection-grid-cell-48 {
  top: 40%;
  left: 70%;
}
.reflection-container .reflection-grid-cell-48:hover ~ .reflection-content {
  transform: rotateX(0deg) rotateY(15deg);
}
.reflection-container .reflection-grid-cell-48:hover ~ .reflection-content:before {
  transform: translateY(0%);
}
.reflection-container .reflection-grid-cell-49 {
  top: 40%;
  left: 80%;
}
.reflection-container .reflection-grid-cell-49:hover ~ .reflection-content {
  transform: rotateX(0deg) rotateY(20deg);
}
.reflection-container .reflection-grid-cell-49:hover ~ .reflection-content:before {
  transform: translateY(0%);
}
.reflection-container .reflection-grid-cell-50 {
  top: 40%;
  left: 90%;
}
.reflection-container .reflection-grid-cell-50:hover ~ .reflection-content {
  transform: rotateX(0deg) rotateY(25deg);
}
.reflection-container .reflection-grid-cell-50:hover ~ .reflection-content:before {
  transform: translateY(0%);
}
.reflection-container .reflection-grid-cell-51 {
  top: 50%;
  left: 0%;
}
.reflection-container .reflection-grid-cell-51:hover ~ .reflection-content {
  transform: rotateX(-5deg) rotateY(-20deg);
}
.reflection-container .reflection-grid-cell-51:hover ~ .reflection-content:before {
  transform: translateY(-5%);
}
.reflection-container .reflection-grid-cell-52 {
  top: 50%;
  left: 10%;
}
.reflection-container .reflection-grid-cell-52:hover ~ .reflection-content {
  transform: rotateX(-5deg) rotateY(-15deg);
}
.reflection-container .reflection-grid-cell-52:hover ~ .reflection-content:before {
  transform: translateY(-5%);
}
.reflection-container .reflection-grid-cell-53 {
  top: 50%;
  left: 20%;
}
.reflection-container .reflection-grid-cell-53:hover ~ .reflection-content {
  transform: rotateX(-5deg) rotateY(-10deg);
}
.reflection-container .reflection-grid-cell-53:hover ~ .reflection-content:before {
  transform: translateY(-5%);
}
.reflection-container .reflection-grid-cell-54 {
  top: 50%;
  left: 30%;
}
.reflection-container .reflection-grid-cell-54:hover ~ .reflection-content {
  transform: rotateX(-5deg) rotateY(-5deg);
}
.reflection-container .reflection-grid-cell-54:hover ~ .reflection-content:before {
  transform: translateY(-5%);
}
.reflection-container .reflection-grid-cell-55 {
  top: 50%;
  left: 40%;
}
.reflection-container .reflection-grid-cell-55:hover ~ .reflection-content {
  transform: rotateX(-5deg) rotateY(0deg);
}
.reflection-container .reflection-grid-cell-55:hover ~ .reflection-content:before {
  transform: translateY(-5%);
}
.reflection-container .reflection-grid-cell-56 {
  top: 50%;
  left: 50%;
}
.reflection-container .reflection-grid-cell-56:hover ~ .reflection-content {
  transform: rotateX(-5deg) rotateY(5deg);
}
.reflection-container .reflection-grid-cell-56:hover ~ .reflection-content:before {
  transform: translateY(-5%);
}
.reflection-container .reflection-grid-cell-57 {
  top: 50%;
  left: 60%;
}
.reflection-container .reflection-grid-cell-57:hover ~ .reflection-content {
  transform: rotateX(-5deg) rotateY(10deg);
}
.reflection-container .reflection-grid-cell-57:hover ~ .reflection-content:before {
  transform: translateY(-5%);
}
.reflection-container .reflection-grid-cell-58 {
  top: 50%;
  left: 70%;
}
.reflection-container .reflection-grid-cell-58:hover ~ .reflection-content {
  transform: rotateX(-5deg) rotateY(15deg);
}
.reflection-container .reflection-grid-cell-58:hover ~ .reflection-content:before {
  transform: translateY(-5%);
}
.reflection-container .reflection-grid-cell-59 {
  top: 50%;
  left: 80%;
}
.reflection-container .reflection-grid-cell-59:hover ~ .reflection-content {
  transform: rotateX(-5deg) rotateY(20deg);
}
.reflection-container .reflection-grid-cell-59:hover ~ .reflection-content:before {
  transform: translateY(-5%);
}
.reflection-container .reflection-grid-cell-60 {
  top: 50%;
  left: 90%;
}
.reflection-container .reflection-grid-cell-60:hover ~ .reflection-content {
  transform: rotateX(-5deg) rotateY(25deg);
}
.reflection-container .reflection-grid-cell-60:hover ~ .reflection-content:before {
  transform: translateY(-5%);
}
.reflection-container .reflection-grid-cell-61 {
  top: 60%;
  left: 0%;
}
.reflection-container .reflection-grid-cell-61:hover ~ .reflection-content {
  transform: rotateX(-10deg) rotateY(-20deg);
}
.reflection-container .reflection-grid-cell-61:hover ~ .reflection-content:before {
  transform: translateY(-10%);
}
.reflection-container .reflection-grid-cell-62 {
  top: 60%;
  left: 10%;
}
.reflection-container .reflection-grid-cell-62:hover ~ .reflection-content {
  transform: rotateX(-10deg) rotateY(-15deg);
}
.reflection-container .reflection-grid-cell-62:hover ~ .reflection-content:before {
  transform: translateY(-10%);
}
.reflection-container .reflection-grid-cell-63 {
  top: 60%;
  left: 20%;
}
.reflection-container .reflection-grid-cell-63:hover ~ .reflection-content {
  transform: rotateX(-10deg) rotateY(-10deg);
}
.reflection-container .reflection-grid-cell-63:hover ~ .reflection-content:before {
  transform: translateY(-10%);
}
.reflection-container .reflection-grid-cell-64 {
  top: 60%;
  left: 30%;
}
.reflection-container .reflection-grid-cell-64:hover ~ .reflection-content {
  transform: rotateX(-10deg) rotateY(-5deg);
}
.reflection-container .reflection-grid-cell-64:hover ~ .reflection-content:before {
  transform: translateY(-10%);
}
.reflection-container .reflection-grid-cell-65 {
  top: 60%;
  left: 40%;
}
.reflection-container .reflection-grid-cell-65:hover ~ .reflection-content {
  transform: rotateX(-10deg) rotateY(0deg);
}
.reflection-container .reflection-grid-cell-65:hover ~ .reflection-content:before {
  transform: translateY(-10%);
}
.reflection-container .reflection-grid-cell-66 {
  top: 60%;
  left: 50%;
}
.reflection-container .reflection-grid-cell-66:hover ~ .reflection-content {
  transform: rotateX(-10deg) rotateY(5deg);
}
.reflection-container .reflection-grid-cell-66:hover ~ .reflection-content:before {
  transform: translateY(-10%);
}
.reflection-container .reflection-grid-cell-67 {
  top: 60%;
  left: 60%;
}
.reflection-container .reflection-grid-cell-67:hover ~ .reflection-content {
  transform: rotateX(-10deg) rotateY(10deg);
}
.reflection-container .reflection-grid-cell-67:hover ~ .reflection-content:before {
  transform: translateY(-10%);
}
.reflection-container .reflection-grid-cell-68 {
  top: 60%;
  left: 70%;
}
.reflection-container .reflection-grid-cell-68:hover ~ .reflection-content {
  transform: rotateX(-10deg) rotateY(15deg);
}
.reflection-container .reflection-grid-cell-68:hover ~ .reflection-content:before {
  transform: translateY(-10%);
}
.reflection-container .reflection-grid-cell-69 {
  top: 60%;
  left: 80%;
}
.reflection-container .reflection-grid-cell-69:hover ~ .reflection-content {
  transform: rotateX(-10deg) rotateY(20deg);
}
.reflection-container .reflection-grid-cell-69:hover ~ .reflection-content:before {
  transform: translateY(-10%);
}
.reflection-container .reflection-grid-cell-70 {
  top: 60%;
  left: 90%;
}
.reflection-container .reflection-grid-cell-70:hover ~ .reflection-content {
  transform: rotateX(-10deg) rotateY(25deg);
}
.reflection-container .reflection-grid-cell-70:hover ~ .reflection-content:before {
  transform: translateY(-10%);
}
.reflection-container .reflection-grid-cell-71 {
  top: 70%;
  left: 0%;
}
.reflection-container .reflection-grid-cell-71:hover ~ .reflection-content {
  transform: rotateX(-15deg) rotateY(-20deg);
}
.reflection-container .reflection-grid-cell-71:hover ~ .reflection-content:before {
  transform: translateY(-15%);
}
.reflection-container .reflection-grid-cell-72 {
  top: 70%;
  left: 10%;
}
.reflection-container .reflection-grid-cell-72:hover ~ .reflection-content {
  transform: rotateX(-15deg) rotateY(-15deg);
}
.reflection-container .reflection-grid-cell-72:hover ~ .reflection-content:before {
  transform: translateY(-15%);
}
.reflection-container .reflection-grid-cell-73 {
  top: 70%;
  left: 20%;
}
.reflection-container .reflection-grid-cell-73:hover ~ .reflection-content {
  transform: rotateX(-15deg) rotateY(-10deg);
}
.reflection-container .reflection-grid-cell-73:hover ~ .reflection-content:before {
  transform: translateY(-15%);
}
.reflection-container .reflection-grid-cell-74 {
  top: 70%;
  left: 30%;
}
.reflection-container .reflection-grid-cell-74:hover ~ .reflection-content {
  transform: rotateX(-15deg) rotateY(-5deg);
}
.reflection-container .reflection-grid-cell-74:hover ~ .reflection-content:before {
  transform: translateY(-15%);
}
.reflection-container .reflection-grid-cell-75 {
  top: 70%;
  left: 40%;
}
.reflection-container .reflection-grid-cell-75:hover ~ .reflection-content {
  transform: rotateX(-15deg) rotateY(0deg);
}
.reflection-container .reflection-grid-cell-75:hover ~ .reflection-content:before {
  transform: translateY(-15%);
}
.reflection-container .reflection-grid-cell-76 {
  top: 70%;
  left: 50%;
}
.reflection-container .reflection-grid-cell-76:hover ~ .reflection-content {
  transform: rotateX(-15deg) rotateY(5deg);
}
.reflection-container .reflection-grid-cell-76:hover ~ .reflection-content:before {
  transform: translateY(-15%);
}
.reflection-container .reflection-grid-cell-77 {
  top: 70%;
  left: 60%;
}
.reflection-container .reflection-grid-cell-77:hover ~ .reflection-content {
  transform: rotateX(-15deg) rotateY(10deg);
}
.reflection-container .reflection-grid-cell-77:hover ~ .reflection-content:before {
  transform: translateY(-15%);
}
.reflection-container .reflection-grid-cell-78 {
  top: 70%;
  left: 70%;
}
.reflection-container .reflection-grid-cell-78:hover ~ .reflection-content {
  transform: rotateX(-15deg) rotateY(15deg);
}
.reflection-container .reflection-grid-cell-78:hover ~ .reflection-content:before {
  transform: translateY(-15%);
}
.reflection-container .reflection-grid-cell-79 {
  top: 70%;
  left: 80%;
}
.reflection-container .reflection-grid-cell-79:hover ~ .reflection-content {
  transform: rotateX(-15deg) rotateY(20deg);
}
.reflection-container .reflection-grid-cell-79:hover ~ .reflection-content:before {
  transform: translateY(-15%);
}
.reflection-container .reflection-grid-cell-80 {
  top: 70%;
  left: 90%;
}
.reflection-container .reflection-grid-cell-80:hover ~ .reflection-content {
  transform: rotateX(-15deg) rotateY(25deg);
}
.reflection-container .reflection-grid-cell-80:hover ~ .reflection-content:before {
  transform: translateY(-15%);
}
.reflection-container .reflection-grid-cell-81 {
  top: 80%;
  left: 0%;
}
.reflection-container .reflection-grid-cell-81:hover ~ .reflection-content {
  transform: rotateX(-20deg) rotateY(-20deg);
}
.reflection-container .reflection-grid-cell-81:hover ~ .reflection-content:before {
  transform: translateY(-20%);
}
.reflection-container .reflection-grid-cell-82 {
  top: 80%;
  left: 10%;
}
.reflection-container .reflection-grid-cell-82:hover ~ .reflection-content {
  transform: rotateX(-20deg) rotateY(-15deg);
}
.reflection-container .reflection-grid-cell-82:hover ~ .reflection-content:before {
  transform: translateY(-20%);
}
.reflection-container .reflection-grid-cell-83 {
  top: 80%;
  left: 20%;
}
.reflection-container .reflection-grid-cell-83:hover ~ .reflection-content {
  transform: rotateX(-20deg) rotateY(-10deg);
}
.reflection-container .reflection-grid-cell-83:hover ~ .reflection-content:before {
  transform: translateY(-20%);
}
.reflection-container .reflection-grid-cell-84 {
  top: 80%;
  left: 30%;
}
.reflection-container .reflection-grid-cell-84:hover ~ .reflection-content {
  transform: rotateX(-20deg) rotateY(-5deg);
}
.reflection-container .reflection-grid-cell-84:hover ~ .reflection-content:before {
  transform: translateY(-20%);
}
.reflection-container .reflection-grid-cell-85 {
  top: 80%;
  left: 40%;
}
.reflection-container .reflection-grid-cell-85:hover ~ .reflection-content {
  transform: rotateX(-20deg) rotateY(0deg);
}
.reflection-container .reflection-grid-cell-85:hover ~ .reflection-content:before {
  transform: translateY(-20%);
}
.reflection-container .reflection-grid-cell-86 {
  top: 80%;
  left: 50%;
}
.reflection-container .reflection-grid-cell-86:hover ~ .reflection-content {
  transform: rotateX(-20deg) rotateY(5deg);
}
.reflection-container .reflection-grid-cell-86:hover ~ .reflection-content:before {
  transform: translateY(-20%);
}
.reflection-container .reflection-grid-cell-87 {
  top: 80%;
  left: 60%;
}
.reflection-container .reflection-grid-cell-87:hover ~ .reflection-content {
  transform: rotateX(-20deg) rotateY(10deg);
}
.reflection-container .reflection-grid-cell-87:hover ~ .reflection-content:before {
  transform: translateY(-20%);
}
.reflection-container .reflection-grid-cell-88 {
  top: 80%;
  left: 70%;
}
.reflection-container .reflection-grid-cell-88:hover ~ .reflection-content {
  transform: rotateX(-20deg) rotateY(15deg);
}
.reflection-container .reflection-grid-cell-88:hover ~ .reflection-content:before {
  transform: translateY(-20%);
}
.reflection-container .reflection-grid-cell-89 {
  top: 80%;
  left: 80%;
}
.reflection-container .reflection-grid-cell-89:hover ~ .reflection-content {
  transform: rotateX(-20deg) rotateY(20deg);
}
.reflection-container .reflection-grid-cell-89:hover ~ .reflection-content:before {
  transform: translateY(-20%);
}
.reflection-container .reflection-grid-cell-90 {
  top: 80%;
  left: 90%;
}
.reflection-container .reflection-grid-cell-90:hover ~ .reflection-content {
  transform: rotateX(-20deg) rotateY(25deg);
}
.reflection-container .reflection-grid-cell-90:hover ~ .reflection-content:before {
  transform: translateY(-20%);
}
.reflection-container .reflection-grid-cell-91 {
  top: 90%;
  left: 0%;
}
.reflection-container .reflection-grid-cell-91:hover ~ .reflection-content {
  transform: rotateX(-25deg) rotateY(-20deg);
}
.reflection-container .reflection-grid-cell-91:hover ~ .reflection-content:before {
  transform: translateY(-25%);
}
.reflection-container .reflection-grid-cell-92 {
  top: 90%;
  left: 10%;
}
.reflection-container .reflection-grid-cell-92:hover ~ .reflection-content {
  transform: rotateX(-25deg) rotateY(-15deg);
}
.reflection-container .reflection-grid-cell-92:hover ~ .reflection-content:before {
  transform: translateY(-25%);
}
.reflection-container .reflection-grid-cell-93 {
  top: 90%;
  left: 20%;
}
.reflection-container .reflection-grid-cell-93:hover ~ .reflection-content {
  transform: rotateX(-25deg) rotateY(-10deg);
}
.reflection-container .reflection-grid-cell-93:hover ~ .reflection-content:before {
  transform: translateY(-25%);
}
.reflection-container .reflection-grid-cell-94 {
  top: 90%;
  left: 30%;
}
.reflection-container .reflection-grid-cell-94:hover ~ .reflection-content {
  transform: rotateX(-25deg) rotateY(-5deg);
}
.reflection-container .reflection-grid-cell-94:hover ~ .reflection-content:before {
  transform: translateY(-25%);
}
.reflection-container .reflection-grid-cell-95 {
  top: 90%;
  left: 40%;
}
.reflection-container .reflection-grid-cell-95:hover ~ .reflection-content {
  transform: rotateX(-25deg) rotateY(0deg);
}
.reflection-container .reflection-grid-cell-95:hover ~ .reflection-content:before {
  transform: translateY(-25%);
}
.reflection-container .reflection-grid-cell-96 {
  top: 90%;
  left: 50%;
}
.reflection-container .reflection-grid-cell-96:hover ~ .reflection-content {
  transform: rotateX(-25deg) rotateY(5deg);
}
.reflection-container .reflection-grid-cell-96:hover ~ .reflection-content:before {
  transform: translateY(-25%);
}
.reflection-container .reflection-grid-cell-97 {
  top: 90%;
  left: 60%;
}
.reflection-container .reflection-grid-cell-97:hover ~ .reflection-content {
  transform: rotateX(-25deg) rotateY(10deg);
}
.reflection-container .reflection-grid-cell-97:hover ~ .reflection-content:before {
  transform: translateY(-25%);
}
.reflection-container .reflection-grid-cell-98 {
  top: 90%;
  left: 70%;
}
.reflection-container .reflection-grid-cell-98:hover ~ .reflection-content {
  transform: rotateX(-25deg) rotateY(15deg);
}
.reflection-container .reflection-grid-cell-98:hover ~ .reflection-content:before {
  transform: translateY(-25%);
}
.reflection-container .reflection-grid-cell-99 {
  top: 90%;
  left: 80%;
}
.reflection-container .reflection-grid-cell-99:hover ~ .reflection-content {
  transform: rotateX(-25deg) rotateY(20deg);
}
.reflection-container .reflection-grid-cell-99:hover ~ .reflection-content:before {
  transform: translateY(-25%);
}
.reflection-container .reflection-grid-cell-100 {
  top: 90%;
  left: 90%;
}
.reflection-container .reflection-grid-cell-100:hover ~ .reflection-content {
  transform: rotateX(-25deg) rotateY(25deg);
}
.reflection-container .reflection-grid-cell-100:hover ~ .reflection-content:before {
  transform: translateY(-25%);
}
/* -------------------------------------------------------- */