Css position relative top 50% of div doesnt work : [enter image description here][1]My CSS  : https://pastebin.com/EWf4gD81
My HTML : https://pastebin.com/K10iiiHK

I have problem with positioning.

I cannot set exacly top 50 procent and left 50 procent on both photo and text becouse it isnt 50 procent.

 I try by hand set that 50 procent which is more like 46 procent.

When I change size of window text moves. I dont know what to Do and I am looking for answer for 2 hours

    enter code here


  [1]: https://i.stack.imgur.com/kefHv.png