edit this for the codes

adjust the bottom values to put it higher / lower 

for the middle
<div style="position: absolute; left: 50%; transform: translateX(-50%); bottom: -65px; z-index: 999; white-space: nowrap;">
    <img src="https://i.postimg.cc/W1KLKJL6/Untitled711-20260526231042.png"  width="50px" height="%">
</div>
for the left
<div style="position: absolute; left: 0px; bottom: -65px; z-index: 999;">
    <img src="https://i.postimg.cc/W1KLKJL6/Untitled711-20260526231042.png"  width="50px" height="%">
</div>

for the right
<div style="position: absolute; right: 0px; bottom: -65px; z-index: 999;">
    <img src="https://i.postimg.cc/W1KLKJL6/Untitled711-20260526231042.png"  width="50px" height="%">
</div>

<div style="position: absolute; right: 0px; bottom: -120px; z-index: 999;">
    <span style="display: inline-block; width: 150px; height: 50px; font-family: sans-serif; font-size: 14px; color: #FFFFFF; text-align: center;">
        heres some misplaced text too
    </span>
</div>

[fluffle.cc version](https://fluffle.cc/miyadanglycharms)