<section id="s1">
  <img src="https://i.pinimg.com/originals/c4/fd/22/c4fd22051581594d12f2d26bbfb92faf.png">
  <p>
      Keep scrolling!
  </p>
</section>

<section id="s2">
  <img src="https://i.pinimg.com/originals/c4/fd/22/c4fd22051581594d12f2d26bbfb92faf.png">
  <p>
      Keep scrolling!
  </p>
</section>

<section id="s3">
  <img src="https://vignette.wikia.nocookie.net/dominios-encantados/images/0/0c/WIKI_DORY.jpg/revision/latest?cb=20141223082850&path-prefix=es">
</section>
/* Hide scrollbar for Chrome, Safari and Opera */
html::-webkit-scrollbar {
  display: none;
}

/* Hide scrollbar for IE and Edge */
html {
  -ms-overflow-style: none;
}

/* Remove Scrollbar Firefox Fix, suggested in the comments */
html {
overflow: auto;
scrollbar-width: none;
}

/* useless styles */

html {
  height: 1200px;
  background: #413c69;
  padding: 0;
  margin: 0;
}

#s1, #s2, #s3 {
  height: 400px;
  text-align: center;
}

#s2 {
  background: #4a47a3;
}

#s1 {
  background: #413c69;
}

#s3 {
  background: white;
}

#s3 img{
  width: 25%;
  padding-top: 80px;
}

#s1 img, #s2 img{
  padding-top: 40px;
  width: 20%;
}

p{
  display: inline;
  font-size: 2rem;
  position: relative;
  top: -90px;
  color: #eab9c9;
  font-family: 'Manrope', sans-serif;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.