gosafe | Go tool to safely compile Go programs

You've change how you're centering the contents, so I will answer according to your new code. A couple of things:

• You're trying to center the first image by defining auto margins. That only works on block elements, but the img element is an inline element, so you have to make it block display: block. By the way, you can simply make all margins auto margin: auto since you don't really specify top and bottom margins, but your way is fine so I left it as is.

• Your second image must be position: absolute in order for it to overlap the first image. Now, if you want to center it, then use left: 50% and then give it a negative left margin equals to half of its width margin-left: -10px. This will make it exactly centered like the first image and they both will move together when resizing the window. If the second image should not be exactly in the center and it needs to be off the center to overlap some spot of the first image, then change the value of the left margin until you get the result you want (or you can do it scientifically by measuring how much off-center the spot on the first image is, then subtract half of the width of the second image and change the result to negative then assign that value to the left margin).

Here is a working example: