<html>

<head>

    <title>My Image Page</title> <style>

        body {

            display: flex;

            justify-content: center; /* Horizontally center the image */

            align-items: center;   /* Vertically center the image */

            min-height: 100vh;     /* Ensure page covers full viewport height */

            margin: 0;             /* Remove default body margins */

            background-color: #f0f0f0; /* Optional background color for aesthetics */

        }


        img {

            max-width: 90%;       /* Limit image width to 90% of container */

            height: auto;         /* Maintain aspect ratio */

            box-shadow: 0 4px 8px rgba(0,0,0,0.1); /* Optional subtle shadow */

        }

    </style>

</head>

<body>

    <img src="your_Image.jpg" alt="A beautiful landscape"> </body>

</html>