.block{
position: relative;
border: 3px solid #000;
}
.block-img{
position: relative;
border: 2px solid red;
}
.block-img img{
position: absolute;
max-width: 100%;
}
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
</style>
</head>
<body>
<div class="block">
<h2>Купить самогонный аппарат Luxstahl</h2>
<div class="block-img">
<img src="https://luxstahl.com/img/buy-alcohol-mashine-luxstahl.jpg">
</div>
</div>
</body>
</html>
`
Купить самогонный аппарат
Не могу запихнуть картинку в блок - все время выезжает снизу. Нужно картинку любого размера запихнуть в блок class=block и чтобы эта картинка сама определяла размеры своего внешнего блока, в котором она находится (block-img), своими естественными размерами. Но при изменении размера своего блока(block-img) - адаптивилась в нем. И далее этот блок с картинкой передвигать в нужное место по основному блоку - class="block". Ломаю голову целый день. Помогите, профессионалы!