How to make a pseudo element stay centered above text no matter the screen size?

Store Design
,
1

i have added a drawing of an eye and have used the :BEFORE to place the image directly centered above the image with text section, directly under the header. i have placed it where i want to for mobile, tablet and desktop, as well as full screen… BUT when i view the website on my laptop the “eye” now covers the text. Instead of me writing all individual media queries for ALLLLL the different screen sizes, is there a way to write a code to make the eye stay centered above the text no matter if its a laptop screen, desktop screen or full screen?

URL: https://lashes-ymas.com/