Offset images in responsive mode

I have 2 images, one is centered and the lower is offset to the right by 200px. But when it’s sized down to responsive cell phone size I want the 2nd image centered. How do I lose the 200px margin? In other words, I want the 200 px to reduce to zero before the image is reduced.

In the image or parent containers conditions, use “When current pages width <= Mobile Landscape, Margin = 0”

I thought of that too.

I don’t understand what it does.

  1. normal size

  1. When the page width shrinks, the image shrinks. But it shrinks much smaller than it’s minimum width.

  1. Then when the page reaches 320 width, the image increases to the size it’s supposed to be, using the condition of 0 margin.

So why does it first decrease and I can’t control the margin?

Can you send me screenshots of your conditionals as well as your layout settings?