Place a floating div just next to image

I am making web dashboard similar to discord ui, I kind a achieved it by making a span, but the problem is I am using position: fixed and it is letting my hovering div getting underneath.

Please Help, am new

Here's my code https://jsfiddle.net/5mv89wyg/1/