Now it seems to be working just fine. I wrapped the text in another span and gave it a class=”text” , then relatively positioned it and used that trick . You could use margin-top:-25% as well but transform is better. By the way, always clear your floated elements (maybe you know it but just forgot). You could see the changes here.
Hit me up if there’s anything unclear :)