index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link href="./styles/style.css" rel="stylesheet">
    <title>Document</title>
</head>
<body>
    <div class="container">
        <div class="c1"><img class="on" src="./images/waterfall.jfif" alt="Waterfall"> 1</div>
        <div class="c2"><img class="on1" src="./images/mountain.jfif" alt="Mountain"> 2</div>
        <div class="c3"><img class="on2" src="./images/shooting-star.jfif" alt="Shooting star"> 3</div>
        <div class="c4"><img class="on3" src="./images/sea.jfif" alt="Sea"> 4</div>
        <div class="c5"><img class="on4" src="./images/Snow.jpg" alt="Snow"> 5</div>
        <div class="c6"><img class="on5" src="./images/thunderstorm.jfif" alt="Thunderstorm"> 6</div>
    </div>
</body>
</html>