<div class="container container-1">
  <p>This is container 1</p>
</div>
<div class="container container-2">
  <p>This is container 2</p>
</div>
<div class="container container-3">
  <p>This is container 3</p>
</div>
<div class="container container-4">
  <p>This is container 4</p>
</div>
<div class="container container-5">
  <p>This is container 5</p>
</div>

*{
  margin:0;
  padding:0;
  scroll-behavior: smooth;
}
img{
  max-width:100%;
}
.container{
  height:100vh;
  display:grid;
  place-items:center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center;
  background-size:cover;
}
.container:nth-child(1){
  margin-top:0;
}
.container p{
  font-size:3rem;
  color:white;
  text-shadow:2px 2px black;
  transition:all 0.5s linear;
}
.container button{
  color:white;
}

.container-1{
  background-image:url("https://images4.alphacoders.com/936/thumb-1920-936378.jpg"); 
}
.container-2{
  background-image:url("http://4kwallpapers.com/images/walls/thumbs_2t/8085.jpg")
}
.container-3{
  background-image:url("https://c4.wallpaperflare.com/wallpaper/630/43/768/space-earth-sun-solar-system-wallpaper-preview.jpg")
}

.container-4{
  background-image:url("https://www.hdwallpapers.in/download/purple_planet_and_purple_space_hd_purple-2560x1440.jpg")
}
.container-5{
  background-image:url("https://w0.peakpx.com/wallpaper/445/837/HD-wallpaper-night-moon-galaxy-moon-night-space.jpg")
}