Try the following in the HTML file for the image:
<body class="cover">
<p class="image1">
<img src="images/Character_%26_Calling_-_portrait_4.jpg" alt="Image" class="image" />
</p>
Copy and paste the following into the CSS file:
.cover {
display: block;
text-align: center;
margin: 0 0;
}
.image {
height: 100%;
width: 100%;
}
.image1 {
display: block;
text-align: center;
margin: 0 0;
}
Be sure the image filename has a proper image extension. I don't use SVG, so I'm not sure if *.svg will work or not.