How to make a gif overlay on your profile!

I saw a couple people using film grain over their profiles, so I thought rain would really fit my aesthetic and looked around to see what I could do. Using some code from this (https://blog.spacehey.com/entry?id=7429) blog post, I was able to make an overlay code that worked for gifs

Just paste this in your about me section and it should work! (Change what’s in bold to your image url, I use cat box)

<style>

html:before {

  animation: grain 8s steps(10) infinite;

  background-image: url(YOUR URL HERE!);

  content: "";

  height: 300%;

  left: -50%;

  opacity:.2;

  position: fixed;

  top: -110%;

  width: 300%;

  pointer-events:none;

}

</style>

Hope this helped!