#bgGifCanvas {
  z-index: 999991;
}

#backgroundGif {
  z-index: 999992;
  height: 255px;
  width: 510px;

  position: absolute;
  top: 0;
  opacity: 0;

  background-size: 510px 255px;
  background-repeat: no-repeat;
}
#backgroundGif.revealed {
  opacity: 1;
}

.dark #backgroundGif {
  filter: invert(1);
}

#backgroundGif > button {
  position: absolute;
  width: 26px;
  height: 23px;
  right: 11.5px;
  top: 9px;
  background: none;
  color: transparent;
}

#backgroundGif > button:hover {
  background: url(/assets/icons/retroButton.png);

  background-size: 27px;
  background-position-x: -1px;
}

/*****/

@media only screen and (min-width: 1800px) {
  #backgroundGif {
    width: 680px;
    height: 340px;

    background-size: 680px 340px;
    background-repeat: no-repeat;
  }

  #backgroundGif > button {
    width: 37px;
    height: 33px;
    right: 15px;
    top: 12px;
  }

  #backgroundGif > button:hover {
    background-size: 38px;
    background-position-x: -1px;
  }
}