Как поместить картинку в картинку?

Question

[Ivan Ivanovich]

Здравствуйте. Мне нужно поместить картинку в картинку. 1 картинка задний фон, а вторая фото товара, которое должно быть справа (float right). Пробовал много вариантов, но не получилось.
Вот варианты которые пробовал:

<div class="img">
<img src="img/backgroundwot.jpeg">
<img src="img/price.png">
</div>

Размер заднего фона 2100x620, а картинки 355x280

Задать картинку background-ом не получается. Если прописывать margin-top -000px, то одна картинка уходит под другую

https://jsfiddle.net/w5fszx9e/

Comments

[Andrej Sharapov]

img {
  background-image: url(img/backgroundwot.jpeg);
}

[Ivan Ivanovich]

Andrej Sharapov, Не работает

[Ankhena]

1. Картинку как должно быть
2. Ваш код, который не получился в песочницу jsfiddle.net или codepen.io

[Ivan Ivanovich]

Ankhena, https://jsfiddle.net/w5fszx9e/ Надо чтобы картинка тонка была на background-де справа.

[Ankhena]

Ivan Ivanovich, https://jsfiddle.net/20qLh716/

[Ivan Ivanovich]

Ankhena, Спасибо большое!

Answer 1

[rgrishin]

Попробуй использовать абсолютное позицианирование, либо большую картинку используй как background

Answer 2

[Mrako_bes]

Просто создай блок и задай ему background: url( ) , а в него уже картинку помещай.