Как правильно делать адаптивную верстку,когда 2 картинки?

Question

[Спартак]

Привет парни.Есть у меня проблема,помогите решить,советом-да чем угодно.Сверстал макет,имеем 2 картинки,одна фотка и с position: absolute вторая картинка.Проблема в том,что нужно соблюдать определенные отступы,я уже и так и этак,на ноуте вроде норм все,захожу с телефона,криво все,не могу ее победить хоть убей.Да даже если я и поймаю как то размеры со СВОЕГО телефона,где гарантии что с других будет хорошо,или с планшета ? Подскажите,как прописывать размеры или отступы,может я что не так делаю?? Это Оригинал.

Answer 1

[profesor08]

top: 0;
left: 0;
transform: translate(-50%, -50%);

Answer 2

[chelnokov_a]

Вам нужно позиционировать иконку относительно фотографии. Для этого используйте position: relative.

Т.е. Контейнер позиционируете по центру. margin: 0 auto;
Внутри его div для которого вы задаете position: relative
Уже в этот div помещаете свою фотографию и иконку. Иконку позиционируете абсолютно