позиционирование изображения адаптивный дизайн

Question

Я пытаюсь поместить изображение поверх другого изображения с помощью преобразования:

position: absolute; 
translate(65vw, -40vh); 

При изменении размера окна просмотра изображения не оставаться на месте.

Как разместить небольшое изображение на более крупном холсте и обеспечить его сохранение при изменении размера порта представления?

Спасибо!

Answer 1

Для размещения элемента используйте левый и верхний, чтобы поместить центр элемента в нужную точку, используйте перевод. Попробуйте что-то вроде этого:

position: absolute; 
left:65vw 
top:40vh; 
transform: translate(-50%, -50%);