Загрузка данных

<!DOCTYPE html>
<html>
<head>
    <title>Задание 18.4</title>
    <style>
        h1 {
            color: black;
            margin-bottom: 5px;
        }
        .box img {
            width: 200px;
            height: 120px;
            margin-right: 15px;
        }
        .box img:hover {
            opacity: 0.6;
            border-radius: 15px;
        }
    </style>
</head>
<body>
    <h1>Природа</h1>
    <p>Картинки живой природы всегда очень красивые</p>
    <p class="box">
        <img src="природа1.jpg">
        <img src="природа2.jpg">
        <img src="природа3.jpg">
    </p>
    <p>Note: При наведении на картинку, она становиться прозрачной и у нее сгругляются углы</p>

</body>
</html>