This is a HTML file which just displays an image.

responsiveImage.html

<!-- 
FileName -     responsiveImage.html
Description -  This is a HTML file which just displays an image. The responsive properties for the image is defined in the CSS file (styles.css)
Author -       Tanu Nanda Prabhu
-->

<!DOCTYPE html>
<html lang="en"> 
<head>
    <title>Responsive Images</title>
    <!-- Style Sheet referencing -->
    <link href = "styles.css" rel = "stylesheet">
</head>
<body>
    
    <h1 align = "center">Saskatchewan Legislative Building</h1>

    <!-- Add a class named "center" and define its properties in the CSS file" -->
    <img class="center" src="https://images.unsplash.com/photo-1592329724435-67ae98e9824f?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=1991&q=80"> 
    
    
    <p>The Saskatchewan Legislative Building is located in Regina, Saskatchewan, Canada, and houses the Legislative Assembly of Saskatchewan.</p>
     
</body>
</html>