Есть два изображения:
- Телефон
- Любое другое изображение(всегда меняется)
Поверх 1-го изображения должно находиться 2-ое изображение(это изображение всегда меняется), и его размер не всегда одинаков.
Подскажите, пожалуйста, как добиться сохранения адаптивности при различных размерах окна?
Пример:
.phone img {
max-width: 45%;
float: right;
}
.embedded_image img {
margin-right: -35%;
margin-top: 5%;
}
<div class='phone'>
<img src="https://www.nicepng.com/png/detail/249-2497836_telephone-call-clipart-mobile-ring-logo.png" alt='Телефон'>
<div class='embedded_image'>
<img src="https://spb.zavesa-online.ru/wp-content/uploads/2020/02/icon-telephone-receiver-telephone-receiver-phone_1.png" alt='Картинка'>
</div>
</div>