Discord PNG/Gif Animated CSS Code

Discord Streamkit Overlay: https://streamkit.discord.com/overlay

https://pastebin.com/7ZMj1mK5
Copy This Code Below and Paste into the OBS Browser Source Properties Code Area:

li.voice-state:not([data-reactid*="ENTER USER ID HERE"]) { display:none; }

.avatar { content:url(DISCORD FILE LINK IDLE GRAPHIC ); height:auto !important; width:auto !important; border-radius:0% !important; filter: brightness(100%); }

.speaking { border-color:rgba(0,0,0,0) !important; position:relative; animation-name: speak-now; animation-duration: 1s; animation-fill-mode:forwards; filter: brightness(100%); content:url(DISCORD FILE LINK SPEAKING GRAPHIC); }

@keyframes speak-now { 0% { bottom:0px; } 15% { bottom:10px; } 30% { bottom:0px; } } li.voice-state{ position: static; } div.user{ position: absolute; left:40%; bottom:5%; }