Answer 1

Do it this way for fire emojis
<li class="pot">Rakim</li>
<li class="pot">Nas</li>

.top .pot:before{

Answer 2

The way you are doing makes the images overlap each other
Instead try this way

body {
background-image:url("https://wallpapercave.com/wp/zgBf4Qv.jpg"), url("https://wallpaperset.com/w/full/7/9/3/518363.jpg");
background-repeat:no-repeat;
background-size:120%,120%;
background-position:0px 0px,0px 250px;
}