body {
  background-image: url('IMG_9790.jpeg');
  background-size: cover;        /* Makes it cover the screen */
  background-position: center;   /* Centers it nicely */
  background-repeat: no-repeat;  /* No tiling */
  background-attachment: fixed;  /* Stays still when scrolling */
  overflow: hidden;
}

.canvas {
  position: relative;
  width: 100vw;
  height: 100vh;
}

.image-box {
  position: absolute;
  background-size: cover;
  background-position: center;
}

.box01 {
  width: 800px; 
  height: 550px;
  margin: auto;
  
  background-image: url('IMG_9791.jpeg');
  background-size: auto;
  background-position: left 75px bottom 200px;
  background-repeat: no-repeat;  /* No tiling */
}

.box02 {
  width: 1200px; 
  height: 600px;
  margin: auto;
  
  background-image: url('IMG_7115.jpeg');
  background-size: 300px 125px;
  background-position: left 740px bottom 10px;
  background-repeat: no-repeat;  /* No tiling */
}

.box03 {
  width: 1200px;
  height: 800px;
  margin: auto;
  
  background-image: url('IMG_7117.jpeg');
  background-size: 250px 250px;
  background-position: right 0px bottom 500px;
  background-repeat: no-repeat;
}

.box04 {
  width: 1200px;
  height: 800px;
  margin: auto;
  
  background-image: url('IMG_7118.jpeg');
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  background-size: 350px 350px;
  background-position: left 425px bottom 350px;
  background-repeat: no-repeat;
}