how 2 make particles

dis is gonna b more of a raining effect, (u can make it any direction tho.) and i cant figure out how 2 make it appear on profile without it covering the buttons.

first, get a program dat u can draw with, my go-2 is paint.net, i like making the drawings 15x15 pixels so i dont hav 2 make it too detailed. then, upload it to somewhere like imgbb.com and get the link for the image bcuz dis is the particles.

heres the code: (copy and paste the marquee multiple times since this is only a section of code for 1 particle.)

<marquee behavior="scroll" direction="[UP, DOWN, LEFT, RIGHT.]" style="position:absolute; left:[WHERE ITS LOCATED ON THE X AXIS]%; top:[HOW HIGH OR LOW U WANT IT 2 BE]px; width:15; height:[HOW FAR ITS GONNA GO]px; z-index [LAYER WHERE ITS GONNA BE ONTOP];"><img src="[IMAGE LINK]"/>

</marquee>

this next section explains each command

behavior: how it moves, to my knowledge theres only scroll n slide but i havent experimented with the slide.

direction: simple, it tells you what direction.

left%: you can use negative numbers for this, if your going down then 10% will be on the left.

toppx: if every particle has the same px, it will be by eachother which makes it look ugly, so make sure to change this to get variation.

width: doesnt do much or i couldnt tell atleast.

height: how far down or to the side its gonna go on the screen.

z-index: the layers its gonna be ontop, i recommend to use -1 to be above the background, but not your profile since for some reason if its on your profile its gonna cover the buttons making them unable to use.

</marquee>: the end of the code, so basically copy and paste after you finished filling out the big part of the code, and just tweak the left% and toppx before putting this command in.

btw it doesnt enter the <style> </style> command