Trying to create a hover effect

Hi, I am trying to create an hover effect which you can see on my website but when I switch to different breakpoints, it doesn’t remain the same size as the base breakpoint I worked on.

Am I doing anything wrong with the size (relative/absolute) stuff? Would like to get some help on how I can make it working for all the different breakpoints.

Thank you…

The website link: https://preview.webflow.com/preview/blueriverprictures?utm_medium=preview_link&utm_source=designer&utm_content=blueriverprictures&preview=52e7f9df557d264f05312a4d03e7b6c2&mode=preview