JSFiddle - React, Tailwind, and code Playground

by akogch

HTML

<div class="div1"></div>
<div class="div2"></div>

CSS

* {
  margin: 0;
  padding: 0;
}

div {
  height: 920px;
}

.div1 {
  background: url("https://cdn2.suno.ai/image_9d1cfc9b-c111-4720-b3b3-99eff1c4143c.jpeg")
    no-repeat 50% 50%;
  background-attachment: fixed;
}

.div2 {
  background: url("https://cdn2.suno.ai/image_large_4b25e71b-efb8-4117-a1f9-b779687c36c0.jpeg")
    no-repeat 50% 50%;
  background-attachment: fixed;
}