Я добавил изображение, но оно не отображается на сайте. В веб-выражении 4 отлично работает. Я добавил синий фон и хочу иметь синий фон. Он отлично работает в среде w3school,
https://www.w3schools.com/html/tryit.asp?filename=tryhtml_default
Почему на моем изображение сайта не кажется?
<!DOCTYPE html>
<html>
<head>
<title>ME</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Raleway">
</head>
<body>
<div class="bgimg w3-display-container w3-animate-opacity w3-text-white">
<div class="w3-display-topleft w3-padding-large w3-xlarge">
Logo
</div>
<div class="w3-display-middle">
<h1 class="auto-style2">Me</h1>
<hr class="w3-border-grey" style="margin:auto;width:40%">
<p class="w3-large w3-center">Personal Informations</p>
</div>
<div class="w3-display-bottomleft w3-padding-large">
Powered by <a href="https://www.w3schools.com/w3css/default.asp" target="_blank">me</a>
</div>
</div>
<p><img alt="forestbridge" height="963" src="forest%20bridge.jpg" width="1642"></p>
</body>
<style type="text/css">
body {
background-color: blue;
}
.auto-style1 {
margin-right: 663px;
}
body,h1 {font-family: "Raleway", sans-serif}
body, html {height: 100%}
.bgimg {
background-image: url('/w3images/forestbridge.jpg');
min-height: 100%;
background-position: center;
background-size: cover;
}
.auto-style2 {
color: #000;
font-family: "Segoe Print";
}
</style>