Покажите на примере, самые лучшие варианты как позиционировать 2 картинки вот так.

Вот набросок на
Jsfiddle
Как вообще их позиционировать что бы при зуме и при разных масштабах экранов, они с места не сходили.
С помощью FlexBox или есть вариант по лучше ?