h1 {
  font-size: 4em;
  text-shadow: 2px 2px #ff0;
  margin: 20px 0;
}

@keyframes blink {
  0%, 100% {
    opacity: 1;
  }

  50% {
    opacity: 0;
  }
}

#header-right:after {
  display: block;
  content: url("https://solace.cafe/silly/bob_esponja.gif");
  scale: 120%;
  position: fixed;
  width: 100px;
  height: 100px;
  left: 10px;
  bottom: -8px;
  pointer-events: none;
  z-index: 100;
}

@keyframes mirrorAnimation {
  0%, 40%, 100% {
    transform: scaleX(1);
  }

  50%, 90% {
    transform: scaleX(-1);
  }
}

body:not(:active) #profile-posts:after {
  content: url("https://solace.cafe/silly/ganga_SMOOSH.webp");
}

body:active #profile-posts:after {
  content: url("https://solace.cafe/silly/real_gangaman_SMOOSH.webp");
  animation: .8s infinite mirrorAnimation;
  animation-timing-function: cubic-bezier(.95, .05, .8, .04);
}

#profile-posts:after {
  display: block;
  scale: 20%;
  position: fixed;
  width: 100px;
  height: 100px;
  left: 20vw;
  bottom: 193px;
  pointer-events: none;
  z-index: 100;
}

body:active #header-right:before, body:active #profile-posts:before {
  content: url("https://solace.cafe/silly/gangastyle.gif");
  animation: .8s infinite mirrorAnimation;
  animation-timing-function: cubic-bezier(.95, .05, .8, .04);
  display: block;
  scale: 22%;
  position: fixed;
  width: 100px;
  height: 100px;
  left: 28vw;
  bottom: 170px;
  pointer-events: none;
  z-index: 90;
}

body:active #profile-posts:before {
  left: 12vw;
}

#profile-top-left, #profile-top-right, #profile-posts {
  z-index: 10;
}