How to keep spacing of two overlapping images consistent across devices

Site URL: https://www.craigkleila.com/

Password to site is "password"

In hero section of my homepage, I want the google search image and the image behind it to have a consistent design across devices. I want it to look like the attached image on all device sizes.

Currently, the image behind the google search image moves depending on the screens size.

How can I do this?

1 hour ago, Craig456 said:

Site URL: https://www.craigkleila.com/

Password to site is "password"

In hero section of my homepage, I want the google search image and the image behind it to have a consistent design across devices. I want it to look like the attached image on all device sizes.

Currently, the image behind the google search image moves depending on the screens size.

How can I do this?

You are using the fluid-engine. Have you try dragging your element on mobile display yet?

The problem is that even if I change the screen size slightly on desktop, it doesn't look good. Here's a video of the issue - https://www.loom.com/share/5dc32a97117e422c98a751ec01c0bf53