Untitled

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Catch'em all!</title>
        <link rel="stylesheet" href="style.css">
    </head>
    <body>
        <main>
            <img class="hover-effect" src="http://images.innoveduc.fr/integration_parcours/css/css_selectors_props/hobbit-house.jpg" alt="Hobbit house">
            <p>Photo by conner Bowe on Unsplash</p>
            <img src="http://images.innoveduc.fr/integration_parcours/css/css_selectors_props/hobbit-house-grass.jpg" alt="Hobbit house with grass">
            <p>Photo by Jeff Finley on Unsplash</p>
            <img class="hover-effect" src="http://images.innoveduc.fr/integration_parcours/css/css_selectors_props/hobbit-house-grey-grass.jpg" alt="Hobbit house with grey grass">
            <p>Photo by Tyler Lastovich on Unsplash</p>
        </main>
    </body>
</html>