I am trying to align a background image with an actual image on my web page.
so for example, my pages background image has a circle on it, an I want that circle to be aligned with a circular on my web page. It has to be aligned for regular screen sizes (not mobile) and for different browsers.
Is there any way to do this? I tried using JS to calculate the positions of the image and then scale and position the background depending on screen size but it wouldnt work.
I have a client who complains whenever it is even a single pixel out of alignment so I need a solution that fits as close as possible.