Images misalign after zooming

Hey there! I am trying to make a line, using multiple image elements. The goal is to make them scalable by having them overlap each other. I have multiple images of the same size, all aligned with the right side of the page. The problem is that these images, which should be exactly at the same place, tend to shift around after zooming in and out. This really breaks the line, and I was wondering if there would be any workaround to solve this problem. Any help would be greatly appreciated!