Возможно, вопрос будет немного наивным, но.... При размещении картинки в div, высота div будет больше чем высота самой картинки. Каким образом можно установить полное совпадение по высоте. В примере, высота img - 358.8, а div - 362.8 Спасибо
img {
width: 30%;
}
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>replit</title>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div class="img">
<img class="picture" src="https://w-dog.ru/wallpapers/9/17/322057789001671/zakat-nebo-solnce-luchi-oblaka-tuchi-pole-kolosya-zelenye-trava.jpg" alt="природа">
</div>
</body>
</html>